feat: customize scrollbar

frontChapter · Feb 20, 2024 · 8e3a084 · 8e3a084
1 parent 4cfb689
commit 8e3a084
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -5,3 +5,20 @@
 html {
   scroll-behavior: smooth;
 }
+
+body {
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: #ffffff;
+    border-radius: 10px;
+  }
+  &::-webkit-scrollbar-thumb:hover {
+    background: #dadada;
+  }
+}