Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-05-05 20:56:13 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Update components page

Browse Source
This commit is contained in:
hfcRed 2025-12-27 14:39:25 +01:00
parent acf8d334a8
commit c5fa3c2cf4
2 changed files with 1639 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
app/features/components-showcase/components-showcase.module.css
View File

@ -23,3 +23,41 @@
.componentContent {
width: 100%;
}
.sideNav {
position: fixed;
left: var(--s-4);
top: 60px;
display: flex;
flex-direction: column;
gap: var(--s-1);
max-height: 90dvh;
overflow-y: auto;
z-index: 100;
@media (max-width: 1100px) {
display: none;
}
}
.sideNavLink {
font-size: var(--fonts-xs);
color: var(--color-text-high);
text-decoration: none;
padding: var(--s-1) var(--s-2);
border-radius: var(--rounded-xs);
transition:
background-color 0.15s,
color 0.15s;
&:hover {
color: var(--color-text);
background-color: var(--color-bg-high);
}
&[aria-current="page"] {
color: var(--color-text);
background-color: var(--color-bg-high);
font-weight: 600;
}
}

1643
app/features/components-showcase/routes/components.tsx
View File

File diff suppressed because it is too large Load Diff