MythEclipse/9router
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): flex quota rows and thin global scrollbars

Browse Source 
Replace the fixed-table quota layout with flex rows that shrink cleanly,
keep the hidden-quota chip row from overflowing, and use thin mac-like
scrollbars app-wide.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
decoluaandClaude Fable 5 committed 2026-07-29 18:10:33 +07:00
1 parent 8b0fcf4b16
commit 15dfd86416
3 files changed
+124 -96
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/globals.css
+31
View File
@@ -256,6 +256,37 @@ input, textarea {
background: rgba(229, 106, 74, 0.55);
}
/* Global thin mac-like scrollbars (overrides clunky Windows/Linux default) */
* {
scrollbar-width: thin;
scrollbar-color: rgba(120, 120, 120, 0.35) transparent;
}
.dark * {
scrollbar-color: rgba(180, 180, 180, 0.3) transparent;
}
*::-webkit-scrollbar {
width: 8px;
height: 8px;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: rgba(120, 120, 120, 0.35);
border-radius: 9999px;
border: 2px solid transparent;
background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
background-color: rgba(120, 120, 120, 0.55);
}
.dark *::-webkit-scrollbar-thumb {
background-color: rgba(180, 180, 180, 0.3);
}
.dark *::-webkit-scrollbar-thumb:hover {
background-color: rgba(180, 180, 180, 0.5);
}
/* Reusable elevated card */
.card-soft {
background-color: var(--color-surface);