scrollbar add

gdsc-nits-org · Apr 11, 2024 · 83e9904 · 83e9904
1 parent 7faba6e
commit 83e9904
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 5 deletions.
diff --git a/src/Pages/Artist/Artist.module.scss b/src/Pages/Artist/Artist.module.scss
@@ -2,6 +2,7 @@
   width: 100%;
   min-height: 100vh;
   overflow: hidden;
+  padding-top: 3rem;
 }
 .top {
   display: flex;

diff --git a/src/Pages/Events/EventHeader.module.scss b/src/Pages/Events/EventHeader.module.scss
@@ -8,6 +8,8 @@
   height: fit-content;
   max-width: 100vw;
   margin-top: 6rem;
+  padding-top: 2rem;
+
   .inner {
     display: flex;
     flex-direction: row;

diff --git a/src/Pages/Events/Events.module.scss b/src/Pages/Events/Events.module.scss
@@ -3,11 +3,7 @@
   --swiper-button-next-color: blue
 }
 
-.navigation.nextEl
-
 .ParentDivision {
-
-  padding-top: 5rem;
   background-image: url(https://res.cloudinary.com/dl0knguhb/image/upload/v1712137199/pngwing_3_slripp.webp);
   background-repeat: no-repeat;
   background-size: cover;

diff --git a/src/Pages/Gallery/styles.css b/src/Pages/Gallery/styles.css
@@ -5,7 +5,7 @@
 
 
 .galleryPage-container {
-  padding-top: 8rem;
+  padding-top: 5.5rem;
   min-height: 100vh;
   width:100%;
 }

diff --git a/src/index.scss b/src/index.scss
@@ -42,3 +42,16 @@
 body {
   background-color: #3d029d;
 }
+body::-webkit-scrollbar {
+  width: 0.4rem;
+}
+
+body::-webkit-scrollbar-track {
+  background:linear-gradient(to bottom, #3d029d 0%, #3f1560 100%);
+  border: 1px solid black;
+}
+
+body::-webkit-scrollbar-thumb {
+  background:linear-gradient(153deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
+  border-radius: 2px;
+}