Merge pull request #292 from boostcampwm-2024/Feature/#290_Icon_Block…

…_맨위에_위치하도록_수정 Feature/#290 icon block 맨위에 위치하도록 수정
boostcampwm-2024 · Dec 4, 2024 · aee3d81 · aee3d81
2 parents 9674b89 + 91ec9bf
commit aee3d81
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 14 deletions.
diff --git a/client/index.html b/client/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="ko">
 
 <head>
   <meta charset="UTF-8" />
@@ -14,19 +14,13 @@
   <meta property="og:type" content="website" />
   <meta property="og:url" content="https://www.nocta.site/" />
   <meta property="og:title" content="Nocta" />
-  <meta
-    property="og:description"
-    content="밤하늘의 별빛처럼, 자유로운 인터랙션 실시간 에디터"
-  />
+  <meta property="og:description" content="밤하늘의 별빛처럼, 자유로운 인터랙션 실시간 에디터" />
   <meta property="og:image" content="https://www.nocta.site/images/nocta.png" />
 
   <meta property="twitter:card" content="summary_large_image" />
   <meta property="twitter:url" content="https://www.nocta.site/" />
   <meta property="twitter:title" content="Nocta" />
-  <meta
-    property="twitter:description"
-    content="밤하늘의 별빛처럼, 자유로운 인터랙션 실시간 에디터"
-  />
+  <meta property="twitter:description" content="밤하늘의 별빛처럼, 자유로운 인터랙션 실시간 에디터" />
   <meta property="twitter:image" content="https://www.nocta.site/images/nocta.png" />
 
   <meta name="robots" content="index, follow" />

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/MenuBlock/MenuBlock.style.ts b/client/src/features/editor/components/MenuBlock/MenuBlock.style.ts
@@ -8,8 +8,8 @@ export const menuBlockStyle = css({
   left: 0,
   justifyContent: "center",
   alignItems: "center",
-  width: "20px",
-  height: "20px",
+  width: "24px",
+  height: "24px",
   marginLeft: "-20px",
   opacity: 0,
   transition: "opacity 0.2s ease-in-out",

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%",
   },
 });