From e964c045232e0f9f3cc7c23bed00b26f82e31279 Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Thu, 6 Nov 2025 11:25:59 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=B1=84=EB=B2=88=EA=B7=9C=EC=B9=99?=
 =?UTF-8?q?=20=EB=AF=B8=EB=A6=AC=EB=B3=B4=EA=B8=B0=20UI=20=EA=B0=84?=
 =?UTF-8?q?=EC=86=8C=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- '미리보기' 제목 및 Card 컴포넌트 제거
- '코드 미리보기' 라벨 제거
- 한 줄로 간결하게 표현 (px-3 py-2)
- 불필요한 여백 제거로 깔끔한 레이아웃
---
 .../numbering-rule/NumberingRuleDesigner.tsx          | 11 +++--------
 .../numbering-rule/NumberingRulePreview.tsx           |  7 ++-----
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/frontend/components/numbering-rule/NumberingRuleDesigner.tsx b/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
index 63e87d23..2b7e6236 100644
--- a/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
+++ b/frontend/components/numbering-rule/NumberingRuleDesigner.tsx
@@ -322,14 +322,9 @@ export const NumberingRuleDesigner: React.FC<NumberingRuleDesignerProps> = ({
               />
             </div>
 
-            <Card className="border-border bg-card">
-              <CardHeader className="pb-3">
-                <CardTitle className="text-sm font-medium">미리보기</CardTitle>
-              </CardHeader>
-              <CardContent>
-                <NumberingRulePreview config={currentRule} />
-              </CardContent>
-            </Card>
+            <div className="space-y-2">
+              <NumberingRulePreview config={currentRule} />
+            </div>
 
             <div className="flex-1 overflow-y-auto">
               <div className="mb-3 flex items-center justify-between">
diff --git a/frontend/components/numbering-rule/NumberingRulePreview.tsx b/frontend/components/numbering-rule/NumberingRulePreview.tsx
index e29cd4f4..63e39e04 100644
--- a/frontend/components/numbering-rule/NumberingRulePreview.tsx
+++ b/frontend/components/numbering-rule/NumberingRulePreview.tsx
@@ -81,11 +81,8 @@ export const NumberingRulePreview: React.FC<NumberingRulePreviewProps> = ({
   }
 
   return (
-    <div className="space-y-2">
-      <p className="text-xs text-muted-foreground sm:text-sm">코드 미리보기</p>
-      <div className="rounded-md bg-muted p-3 sm:p-4">
-        <code className="text-sm font-mono text-foreground sm:text-base">{generatedCode}</code>
-      </div>
+    <div className="rounded-md bg-muted px-3 py-2">
+      <code className="text-sm font-mono text-foreground">{generatedCode}</code>
     </div>
   );
 };