fix(scroll): separate scroll and hideScrollBar

sparcs-kaist · Nov 8, 2023 · 37af34d · 37af34d
1 parent 7b5e068
commit 37af34d
Showing 1 changed file with 4 additions and 9 deletions.
diff --git a/packages/web/src/styles/scroll.ts b/packages/web/src/styles/scroll.ts
@@ -1,9 +1,9 @@
 import { css } from "@emotion/react";
 import { colors } from "@biseo/web/styles/color";
 
-export const scrollBar = css`
-  ::-webkit-scrollbar-thumb {
-    background-color: ${colors.gray400};
+export const hideScrollBar = css`
+  ::-webkit-scrollbar {
+    display: none;
   }
 `;
 
@@ -17,7 +17,7 @@ const applyDirection = (direction: "x" | "y") => css`
   ::-webkit-scrollbar-thumb {
     border: 4px solid transparent;
     background-clip: padding-box;
-
+    background-color: ${colors.gray400};
     border-radius: 100px;
   }
 
@@ -29,9 +29,4 @@ const applyDirection = (direction: "x" | "y") => css`
 export const scroll = {
   x: applyDirection("x"),
   y: applyDirection("y"),
-  hidden: css`
-    ::-webkit-scrollbar {
-      display: none;
-    }
-  `,
 } as const;