feat: add the custom scroll bar

mustafacagri · Jun 27, 2024 · 8ef07af · 8ef07af
1 parent 3e32e2e
commit 8ef07af
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/src/assets/styles/css/index.css b/src/assets/styles/css/index.css
@@ -1,3 +1,36 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+/* WebKit scrollbar styles */
+::-webkit-scrollbar {
+  width: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #e1e1e1;
+  border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #d1d1d1;
+}
+
+/* Firefox scrollbar styles */
+body {
+  scrollbar-width: thin; /* "auto" or "thin" */
+  scrollbar-color: #e1e1e1 #ffffff; /* thumb and track colors */
+}
+
+body::-webkit-scrollbar {
+  width: 10px;
+}
+
+body::-webkit-scrollbar-thumb {
+  background: #e1e1e1;
+  border-radius: 5px;
+}
+
+body::-webkit-scrollbar-thumb:hover {
+  background: #d1d1d1;
+}