From f7523a210b8929483d2436b2795329f81065e4b8 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Sun, 28 Dec 2025 08:59:37 +0000
Subject: feat(web): better looking scrollbar in the sidebar

---
 tooling/tailwind/globals.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

(limited to 'tooling')

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;
+  }
+}
-- 
cgit v1.2.3-70-g09d2