scorllbar use tailwind

meetqy · Dec 16, 2023 · bee3be1 · bee3be1
1 parent c6301b1
commit bee3be1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 11 deletions.
diff --git a/apps/electron/src/renderer/src/index.css b/apps/electron/src/renderer/src/index.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 .scroll-y {
-  @apply overflow-y-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-neutral/50 scrollbar-track-rounded scrollbar-thumb-rounded;
+  @apply overflow-y-auto scrollbar-thin scrollbar-track-base-200 scrollbar-thumb-primary/50 scrollbar-track-rounded-box scrollbar-thumb-rounded-box;
 }
 
 .card-wrapper {

diff --git a/themes/gallery/src/styles/globals.css b/themes/gallery/src/styles/globals.css
@@ -12,14 +12,6 @@
   }
 }
 
-body::-webkit-scrollbar {
-  @apply w-2;
-}
-
-body::-webkit-scrollbar-track {
-  @apply bg-base-200;
-}
-
-body::-webkit-scrollbar-thumb {
-  @apply rounded-box bg-primary/50;
+body {
+  @apply scrollbar-thin scrollbar-track-base-200 scrollbar-thumb-primary/50 scrollbar-track-rounded-box scrollbar-thumb-rounded-box;
 }