feat(scroll): scroll update

thelia · Jun 24, 2024 · cfaed6a · cfaed6a
1 parent e1a1635
commit cfaed6a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 32 deletions.
diff --git a/components/Atoms/Scroll/Scroll.twig b/components/Atoms/Scroll/Scroll.twig
@@ -9,15 +9,4 @@
       <div class="w-1/2 mb-4 mx-auto h-[100px] bg-vermillon-light"></div>
     </div>
   </div>
-
-  <div class="flex grow flex-col gap-4 contextual-scroll">
-    <h1 class="h1 text-center mb-4">Contextual Scroll</h1>
-
-    <div class="mx-auto w-full max-h-[300px] overflow-y-auto bg-blue-300 p-4">
-      <div class="w-1/2 mb-4 mx-auto h-[100px] bg-vermillon-light"></div>
-      <div class="w-1/2 mb-4 mx-auto h-[100px] bg-vermillon-light"></div>
-      <div class="w-1/2 mb-4 mx-auto h-[100px] bg-vermillon-light"></div>
-      <div class="w-1/2 mb-4 mx-auto h-[100px] bg-vermillon-light"></div>
-    </div>
-  </div>
 </div>
diff --git a/components/base.css b/components/base.css
@@ -16,32 +16,16 @@ svg {
   height: 100%;
 }
 
-*::-webkit-scrollbar {
+::-webkit-scrollbar {
   width: 7px;
 }
 
-*::-webkit-scrollbar-track {
+::-webkit-scrollbar-track {
   border-radius: 0px;
-  background-color: #d6d6d6;
+  background-color: var(--grey-lighter);
 }
 
-*::-webkit-scrollbar-thumb {
+::-webkit-scrollbar-thumb {
   border-radius: 0px;
-  background-color: #fa533c;
-}
-
-.contextual-scroll {
-  ::-webkit-scrollbar {
-    width: 7px;
-  }
-
-  ::-webkit-scrollbar-track {
-    border-radius: 0px;
-    background-color: #d6d6d6;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    border-radius: 0px;
-    background-color: var(--grey-dark);
-  }
+  background-color: var(--grey-dark);
 }