[Feature] : custom scroll bar (#1294)

* Added the feature of custom scrollbar which improves website UX * Added the feature of custom scrollbar which improves website UX * fixed scroll handle when there are too many items --------- Co-authored-by: Priyankar Pal <[email protected]>
reactplay · Oct 10, 2023 · 0e5a15d · 0e5a15d
1 parent f44efe8
commit 0e5a15d
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/App.css b/src/App.css
@@ -604,3 +604,20 @@ small {
  font-size: var(--fs-xxs);
  text-transform: uppercase;
 }
+
+/* Scroll-bar */
+::-webkit-scrollbar-track {
+ background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+ background-color: #00f2fe;
+ border-radius: 20px;
+ border: 6px solid transparent;
+ background-clip: content-box;
+ height: 100px;
+}
+
+::-webkit-scrollbar {
+ width: 25px;
+}