refactor: icon block 맨 위에 위치하도록 수정

#290
boostcampwm-2024 · Dec 4, 2024 · c00dbd8 · c00dbd8
1 parent 8bf7a23
commit c00dbd8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/client/src/features/editor/components/IconBlock/IconBlock.style.ts b/client/src/features/editor/components/IconBlock/IconBlock.style.ts
@@ -4,8 +4,8 @@ import { css, cva } from "@styled-system/css";
 export const iconContainerStyle = css({
   display: "flex",
   justifyContent: "center",
-  alignItems: "center",
-  minWidth: "24px",
+  width: "24px",
+  height: "24px",
   marginRight: "8px",
 });
 

diff --git a/client/src/features/editor/components/block/Block.style.ts b/client/src/features/editor/components/block/Block.style.ts
@@ -38,8 +38,9 @@ export const contentWrapperStyle = cva({
     position: "relative",
     flex: 1,
     flexDirection: "row",
-    alignItems: "center",
+    alignItems: "flex-start",
     width: "100%",
+    height: "100%",
   },
 });