Add custom Scrollbar for Chrome

6 months ago · 030b367770
parent be047427df
commit 030b367770
1 changed files with 19 additions and 0 deletions
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@ -27,6 +27,25 @@
  input[type='search']::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
+
+  ::-webkit-scrollbar {
+    width: 12px;
+    height: 12px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background-color: transparent;
+    border-radius: 6px;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: rgba(0,0,0,.4);
+    border-radius: 6px;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background: rgba(0,0,0,.2);
+  }
 }

@layer components {