From 8615a358c0132901f2411182af8714c0d57b83eb Mon Sep 17 00:00:00 2001
From: kjs <kjs@wace.me>
Date: Wed, 1 Oct 2025 17:27:24 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20EditModal=20=EB=9D=BC=EB=B2=A8=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=20=EB=B0=8F=20=EC=A4=91=EB=B3=B5=20=EB=B0=95?=
 =?UTF-8?q?=EC=8A=A4=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

문제:
1. 라벨이 보이지 않음 (hideLabel=true, labelDisplay=false)
2. 인풋이 중복으로 보임 (불필요한 패딩/테두리)

수정:
1. hideLabel={false} ✅
2. labelDisplay: true ✅
3. 컴포넌트 감싸는 div에서 스타일 제거 (패딩, 테두리) ✅

결과:
- ✅ 라벨 정상 표시
- ✅ 깔끔한 인풋 렌더링
- ✅ 원본 레이아웃 유지
---
 frontend/components/screen/EditModal.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/components/screen/EditModal.tsx b/frontend/components/screen/EditModal.tsx
index bbd06f58..58aaaba2 100644
--- a/frontend/components/screen/EditModal.tsx
+++ b/frontend/components/screen/EditModal.tsx
@@ -275,7 +275,6 @@ export const EditModal: React.FC<EditModalProps> = ({
                 {components.map((component, index) => (
                   <div
                     key={component.id}
-                    className="rounded-xl border border-gray-200/60 bg-gradient-to-br from-white to-gray-50/30 p-4 shadow-sm transition-all duration-200 hover:shadow-md"
                     style={{
                       position: "absolute",
                       top: component.position?.y || 0,
@@ -285,12 +284,12 @@ export const EditModal: React.FC<EditModalProps> = ({
                       zIndex: component.position?.z || (1000 + index), // 모달 내부에서 충분히 높은 z-index
                     }}
                   >
-                    {/* 위젯 컴포넌트는 InteractiveScreenViewer 사용 (라벨 표시를 위해) */}
+                    {/* 위젯 컴포넌트는 InteractiveScreenViewer 사용 (라벨 표시) */}
                     {component.type === "widget" ? (
                       <InteractiveScreenViewer
                         component={component}
                         allComponents={components}
-                        hideLabel={true} // 라벨 숨김 (원래 화면과 동일하게)
+                        hideLabel={false} // ✅ 라벨 표시
                         formData={formData}
                         onFormDataChange={(fieldName, value) => {
                           console.log("📝 폼 데이터 변경:", fieldName, value);
@@ -314,7 +313,7 @@ export const EditModal: React.FC<EditModalProps> = ({
                           ...component,
                           style: {
                             ...component.style,
-                            labelDisplay: false, // 라벨 숨김 (원래 화면과 동일하게)
+                            labelDisplay: true, // ✅ 라벨 표시
                           },
                         }}
                         screenId={screenId}