From 91ea7c1a163a1e9b6b48e91d44ee0d1033a9de85 Mon Sep 17 00:00:00 2001
From: Daniel Bulant <danbulant@gmail.com>
Date: Fri, 4 Aug 2023 15:57:02 +0200
Subject: [PATCH] improved scrollbar

---
 client/src/routes/+layout.svelte | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/client/src/routes/+layout.svelte b/client/src/routes/+layout.svelte
index b6ad3bf..f5d32a2 100644
--- a/client/src/routes/+layout.svelte
+++ b/client/src/routes/+layout.svelte
@@ -31,7 +31,7 @@
     </PageTransition>
 </div>
 
-<style>
+<style lang="postcss">
     :global(:root), :global(body) {
         @apply overflow-hidden w-100vw;
     }
@@ -39,4 +39,23 @@
         @apply transition-colors;
         -webkit-tap-highlight-color: transparent;
     }
+    :global(::-webkit-scrollbar) {
+        width: 10px;
+    }
+    :global(::-webkit-scrollbar-thumb) {
+        background: #d8d8d8;
+        border-radius: 5px;
+    }
+    :global(.dark ::-webkit-scrollbar-thumb) {
+        background: #2e2e2e;
+    }
+    :global(::-webkit-scrollbar-track) {
+        background: transparent;
+    }
+    :global(::-webkit-scrollbar-button) {
+        display: none;
+    }
+    :global(::-webkit-scrollbar-track-piece) {
+        background: transparent;
+    }
 </style>
\ No newline at end of file