style: 리사이징 바 1단

[#220]
boostcampwm2023 · Dec 4, 2023 · e6748e6 · e6748e6
1 parent 96d03bc
commit e6748e6
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/frontend/src/pages/quizzes/quiz.css.ts b/packages/frontend/src/pages/quizzes/quiz.css.ts
@@ -13,10 +13,24 @@ export const bar = style([
   middleLayer,
   border.all,
   {
+    position: "relative",
     minHeight: 20,
     borderBottom: "none",
     backgroundColor: color.$scale.grey100,
     cursor: "row-resize",
+
+    "::before": {
+      content: "",
+      position: "absolute",
+      left: "50%",
+      transform: "translateX(-50%)",
+      display: "block",
+      width: 60,
+      height: 3,
+      borderRadius: 8,
+      backgroundColor: color.$scale.grey400,
+      top: -5,
+    },
   },
 ]);