From 59148bc259228cc74f349b5cddc049cde27dfacc Mon Sep 17 00:00:00 2001
From: Tigor Hutasuhut <tigor.hutasuhut@gmail.com>
Date: Sat, 4 May 2024 11:28:11 +0700
Subject: [PATCH] css: used tailwind to style the scrollbar so consistent
 between firefox and chrome

---
 views/style.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/views/style.css b/views/style.css
index b5c61c9..a667bc7 100644
--- a/views/style.css
+++ b/views/style.css
@@ -1,3 +1,23 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+::-webkit-scrollbar {
+  @apply w-2 h-2;
+}
+
+::-webkit-scrollbar:hover {
+  @apply scale-110;
+}
+
+::-webkit-scrollbar-track {
+  @apply bg-base-100;
+}
+
+::-webkit-scrollbar-thumb {
+  @apply bg-base-200 rounded-xl;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  @apply bg-base-300;
+}