fix: EditModal 라벨 표시 및 중복 박스 제거

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

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

결과:
-  라벨 정상 표시
-  깔끔한 인풋 렌더링
-  원본 레이아웃 유지
This commit is contained in:
kjs 2025-10-01 17:27:24 +09:00
parent 7bb70bdd3b
commit 8615a358c0
1 changed files with 3 additions and 4 deletions

View File

@ -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}