shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed sidemenu position
All checks were successful
Deploy Sokko G / deploy (push) Successful in 6s
Details

Browse source
This commit is contained in:
Shinuwa 2026-07-24 16:20:21 +02:00
parent 959fa42454
commit 8b9171d4f9
2 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
website/src/styles/_responsive.scss
View file

@ -14,6 +14,7 @@
} }
.sidebar { .sidebar {
width: 72px;
padding: var(--space-4) 10px; padding: var(--space-4) 10px;
} }

11
website/src/styles/_shell.scss
View file

@ -9,12 +9,13 @@
} }
.sidebar { .sidebar {
position: sticky; position: fixed;
top: 0; inset: 0 auto 0 0;
display: flex; display: flex;
height: 100vh; width: 248px;
height: auto;
flex-direction: column; flex-direction: column;
gap: var(--space-5); gap: var(--space-4);
padding: var(--space-5); padding: var(--space-5);
border-right: 1px solid var(--color-border); border-right: 1px solid var(--color-border);
background: rgba(11, 14, 27, 0.82); background: rgba(11, 14, 27, 0.82);
@ -149,7 +150,6 @@
align-items: center; align-items: center;
gap: 10px; gap: 10px;
margin-top: auto; margin-top: auto;
margin-bottom: calc(var(--space-3) * -1);
padding: 7px 12px; padding: 7px 12px;
border: 0; border: 0;
border-radius: var(--radius-md); border-radius: var(--radius-md);
@ -261,6 +261,7 @@
} }
.content-shell { .content-shell {
grid-column: 2;
display: flex; display: flex;
min-height: 100vh; min-height: 100vh;
min-width: 0; min-width: 0;