feat: ✨ Scroll bar style optimization

haydenull · Dec 2, 2022 · 2666e68 · 2666e68
1 parent 7adf51f
commit 2666e68
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/style/index.less b/src/style/index.less
@@ -17,6 +17,19 @@ html, body {
 #root {
   @apply w-screen h-screen;
 }
+// Scroll bar style optimization
+*::-webkit-scrollbar {
+  background-color: transparent;
+}
+*::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
+*::-webkit-scrollbar-thumb {
+  background-color: var(--ls-tint-text-color);
+  border: 5px solid transparent;
+  border-radius: 9px;
+  background-clip: content-box;
+}
 
 .page-container {
   width: calc(100vw - 90px);