From 3b06af1bfa3706555af088e359b5ca61cec706f4 Mon Sep 17 00:00:00 2001
From: jnywong <jnywong.pro@gmail.com>
Date: Tue, 17 Dec 2024 09:50:29 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Style=20scrollbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../site/src/components/Navigation/PrimarySidebar.tsx  |  2 +-
 styles/toc.css                                         | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/site/src/components/Navigation/PrimarySidebar.tsx b/packages/site/src/components/Navigation/PrimarySidebar.tsx
index 396ca8723..a69962401 100644
--- a/packages/site/src/components/Navigation/PrimarySidebar.tsx
+++ b/packages/site/src/components/Navigation/PrimarySidebar.tsx
@@ -174,7 +174,7 @@ export const PrimarySidebar = ({
           },
         )}
       >
-        <div className="flex-grow py-6 overflow-y-auto">
+        <div className="flex-grow py-6 overflow-y-auto primary-scrollbar">
           {nav && (
             <nav
               aria-label="Navigation"
diff --git a/styles/toc.css b/styles/toc.css
index 359d74784..88fc4f947 100644
--- a/styles/toc.css
+++ b/styles/toc.css
@@ -25,3 +25,13 @@
     height: 0;
   }
 }
+
+.primary-scrollbar::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+.primary-scrollbar::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  @apply bg-slate-300/30
+}