From 6d40604a146b37adb8e1978c7de9193eeed8c163 Mon Sep 17 00:00:00 2001
From: Haoyu Xu <i@halyul.dev>
Date: Sat, 24 Jun 2023 01:29:52 -0400
Subject: [PATCH] feat(directory): added a custom scrollbar

---
 directory/src/App.scss | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/directory/src/App.scss b/directory/src/App.scss
index db90372..6b724f8 100644
--- a/directory/src/App.scss
+++ b/directory/src/App.scss
@@ -33,6 +33,27 @@
   min-height: 100vh;
 }
 
+*::-webkit-scrollbar {
+  width: 12px;
+}
+
+*::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: var(--border-color);
+  border-radius: 100px;
+  border: 5px solid transparent;
+  background-clip: padding-box;
+  transition: all 0.3s ease-in-out;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  border: 4px solid transparent;
+  background-color: var(--text-color);
+}
+
 a {
   color: var(--text-color);
   text-decoration: none;