fix: EditModal 라벨 표시 및 중복 박스 제거
문제:
1. 라벨이 보이지 않음 (hideLabel=true, labelDisplay=false)
2. 인풋이 중복으로 보임 (불필요한 패딩/테두리)
수정:
1. hideLabel={false} ✅
2. labelDisplay: true ✅
3. 컴포넌트 감싸는 div에서 스타일 제거 (패딩, 테두리) ✅
결과:
- ✅ 라벨 정상 표시
- ✅ 깔끔한 인풋 렌더링
- ✅ 원본 레이아웃 유지
This commit is contained in:
parent
7bb70bdd3b
commit
8615a358c0
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Reference in New Issue