Pin sidebar foot to the page bottom; cap the chip list at 560px

This commit is contained in:
Archibold committed 2026-11-07 19:58:02 +11:00
1 parent cc785a0a0d
commit 8048516546
1 file changed
+3 -3
+3 -3
View File
@@ -47,8 +47,7 @@ body {
.sidebar { .sidebar {
width: 220px; width: 220px;
flex: 0 0 220px; flex: 0 0 220px;
height: 560px; height: 100vh;
max-height: 100vh;
position: sticky; position: sticky;
top: 0; top: 0;
overflow-y: auto; overflow-y: auto;
@@ -68,6 +67,7 @@ body {
gap: 8px; gap: 8px;
flex: 1; flex: 1;
min-height: 0; min-height: 0;
max-height: 560px;
overflow-y: auto; overflow-y: auto;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: var(--border) transparent; scrollbar-color: var(--border) transparent;
@@ -94,7 +94,7 @@ body {
.service-btn .sub { display: block; font-size: 11px; color: var(--muted); } .service-btn .sub { display: block; font-size: 11px; color: var(--muted); }
.service-btn.disabled { opacity: 0.5; } .service-btn.disabled { opacity: 0.5; }
.sidebar-foot { margin-top: 12px; } .sidebar-foot { margin-top: auto; }
.user-chip { .user-chip {
display: flex; display: flex;