diff options
| author | Mohamed Bassem <me@mbassem.com> | 2025-12-28 08:59:37 +0000 |
|---|---|---|
| committer | Mohamed Bassem <me@mbassem.com> | 2025-12-28 08:59:37 +0000 |
| commit | f7523a210b8929483d2436b2795329f81065e4b8 (patch) | |
| tree | ebbfd80f4ee6f7240b9b1e77e6d9d73b6ad04934 /tooling | |
| parent | e800d744b51fdd2951b447830ca7c9f688542b66 (diff) | |
| download | karakeep-f7523a210b8929483d2436b2795329f81065e4b8.tar.zst | |
feat(web): better looking scrollbar in the sidebar
Diffstat (limited to 'tooling')
| -rw-r--r-- | tooling/tailwind/globals.css | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/tooling/tailwind/globals.css b/tooling/tailwind/globals.css index 1ba64bcf..45589abf 100644 --- a/tooling/tailwind/globals.css +++ b/tooling/tailwind/globals.css @@ -74,3 +74,29 @@ @apply bg-background text-foreground; } } + +@layer components { + /* Sleek scrollbar for sidebar only */ + .sidebar-scrollbar::-webkit-scrollbar { + width: 6px; + } + + .sidebar-scrollbar::-webkit-scrollbar-track { + background: transparent; + } + + .sidebar-scrollbar::-webkit-scrollbar-thumb { + background: hsl(var(--muted-foreground) / 0.15); + border-radius: 3px; + } + + .sidebar-scrollbar::-webkit-scrollbar-thumb:hover { + background: hsl(var(--muted-foreground) / 0.25); + } + + /* Firefox scrollbar for sidebar */ + .sidebar-scrollbar { + scrollbar-width: thin; + scrollbar-color: hsl(var(--muted-foreground) / 0.15) transparent; + } +} |