style: lint 적용

boostcampwm-2024 · Nov 12, 2024 · 49f78d2 · 49f78d2
1 parent d75710b
commit 49f78d2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 19 deletions.
diff --git a/client/src/components/block/Block.style.ts b/client/src/components/block/Block.style.ts
@@ -1,4 +1,4 @@
-import { css, cva } from "@styled-system/css";
+import { cva } from "@styled-system/css";
 
 // 기본 블록 스타일
 const baseBlockStyle = {
@@ -11,12 +11,12 @@ const baseBlockStyle = {
   padding: "spacing.sm",
   color: "gray.900",
   backgroundColor: "transparent",
-  '&:empty::before': {
-    content: 'attr(data-placeholder)',  // data-placeholder 속성의 값을 표시
-    color: 'gray.300',
-    position: 'absolute',
-    pointerEvents: 'none'  // 텍스트 선택이나 클릭 방지
-  }
+  "&:empty::before": {
+    content: "attr(data-placeholder)", // data-placeholder 속성의 값을 표시
+    color: "gray.300",
+    position: "absolute",
+    pointerEvents: "none", // 텍스트 선택이나 클릭 방지
+  },
 };
 
 // 블록 타입별 스타일 variants
@@ -79,13 +79,3 @@ export const blockContainerStyle = cva({
     isActive: false,
   },
 });
-
-// 리스트 아이템은 별도로 정의 (특수한 스타일링 때문)
-export const listItemStyle = css({
-  textStyle: "display-medium16",
-  display: "list-item",
-  outline: "none",
-  margin: "0",
-  padding: "0 0 0 spacing.md",
-  color: "gray.700",
-});
diff --git a/client/src/components/block/Block.tsx b/client/src/components/block/Block.tsx
@@ -1,6 +1,6 @@
 import React, { memo } from "react";
 import { EditorNode } from "../../types/markdown";
-import { blockContainerStyle, listItemStyle } from "./Block.style";
+import { blockContainerStyle } from "./Block.style";
 
 interface BlockProps {
   node: EditorNode;
@@ -62,7 +62,7 @@ export const Block: React.FC<BlockProps> = memo(
       contentEditable: true,
       suppressContentEditableWarning: true,
       dangerouslySetInnerHTML: { __html: node.content },
-      className: blockContainerStyle({ 
+      className: blockContainerStyle({
         type: node.type,
         isActive,
       }),