diff options
Diffstat (limited to '')
| -rw-r--r-- | tooling/tailwind/globals.css | 26 | ||||
| -rw-r--r-- | tooling/tailwind/package.json | 2 |
2 files changed, 27 insertions, 1 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; + } +} diff --git a/tooling/tailwind/package.json b/tooling/tailwind/package.json index e19384c2..43f8c141 100644 --- a/tooling/tailwind/package.json +++ b/tooling/tailwind/package.json @@ -19,7 +19,7 @@ }, "dependencies": { "@tailwindcss/typography": "^0.5.10", - "nativewind": "^4.1.23", + "nativewind": "^4.2.1", "postcss": "^8.4.35", "tailwindcss": "^3.4.1", "tailwindcss-animate": "^1.0.7" |