Merge pull request #102 from anujsingh4545/scrollbar-update

scrollbar ui update #101
AbhiPatel10 · Sep 25, 2024 · 7433e00 · 7433e00
2 parents d66db5a + e8003ad
commit 7433e00
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import * as React from "react";
-
 import axios from "axios";
 import Skeleton from "react-loading-skeleton";
 import "react-loading-skeleton/dist/skeleton.css";

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -76,9 +76,21 @@
 }
 
 @font-face {
-    font-family: 'DM_Mono';
-    src: url('/src/fonts/DMMono-Regular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
+  font-family: "DM_Mono";
+  src: url("/src/fonts/DMMono-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
 }
 
+::-webkit-scrollbar {
+  width: 8px; /* Width of the scrollbar */
+}
+
+::-webkit-scrollbar-track {
+  background: rgb(28, 38, 52); /* Color of the track */
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgb(230, 240, 230); /* Color of the thumb */
+  border-radius: 6px; /* Roundness of the thumb */
+}