feat(directory): added a custom scrollbar

2023-06-24 01:29:52 -04:00
parent a44c91b572
commit 6d40604a14
1 changed files with 21 additions and 0 deletions
--- 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;