kjs
/
ERP-node
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

text타입 라벨 표시문제 수정

This commit is contained in:
kjs 2025-10-23 09:56:38 +09:00
parent 2dd96f5a74
commit 0c3ce4d3eb
2 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/components/screen/RealtimePreview.tsx
View File

@ -437,10 +437,8 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
{/* 위젯 타입 - 동적 렌더링 (파일 컴포넌트 제외) */} {/* 위젯 타입 - 동적 렌더링 (파일 컴포넌트 제외) */}
{type === "widget" && !isFileComponent(component) && ( {type === "widget" && !isFileComponent(component) && (
<div className="flex h-full flex-col"> <div className="pointer-events-none h-full w-full">
<div className="pointer-events-none flex-1"> <WidgetRenderer component={component} />
<WidgetRenderer component={component} />
</div>
</div> </div>
)} )}

20
frontend/lib/registry/components/text-input/TextInputComponent.tsx
View File

@ -315,10 +315,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
// 이메일 타입 전용 UI // 이메일 타입 전용 UI
if (webType === "email") { if (webType === "email") {
return ( return (
<div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}> <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
{/* 라벨 렌더링 */} {/* 라벨 렌더링 */}
{component.label && component.style?.labelDisplay !== false && ( {component.label && component.style?.labelDisplay !== false && (
<label className="mb-1.5 text-sm font-medium text-slate-600"> <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
{component.label} {component.label}
{component.required && <span className="text-red-500">*</span>} {component.required && <span className="text-red-500">*</span>}
</label> </label>
@ -417,10 +417,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
// 전화번호 타입 전용 UI // 전화번호 타입 전용 UI
if (webType === "tel") { if (webType === "tel") {
return ( return (
<div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}> <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
{/* 라벨 렌더링 */} {/* 라벨 렌더링 */}
{component.label && component.style?.labelDisplay !== false && ( {component.label && component.style?.labelDisplay !== false && (
<label className="mb-1.5 text-sm font-medium text-slate-600"> <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
{component.label} {component.label}
{component.required && <span className="text-red-500">*</span>} {component.required && <span className="text-red-500">*</span>}
</label> </label>
@ -498,10 +498,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
// URL 타입 전용 UI // URL 타입 전용 UI
if (webType === "url") { if (webType === "url") {
return ( return (
<div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}> <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
{/* 라벨 렌더링 */} {/* 라벨 렌더링 */}
{component.label && component.style?.labelDisplay !== false && ( {component.label && component.style?.labelDisplay !== false && (
<label className="mb-1.5 text-sm font-medium text-slate-600"> <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
{component.label} {component.label}
{component.required && <span className="text-red-500">*</span>} {component.required && <span className="text-red-500">*</span>}
</label> </label>
@ -553,10 +553,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
// textarea 타입인 경우 별도 렌더링 // textarea 타입인 경우 별도 렌더링
if (webType === "textarea") { if (webType === "textarea") {
return ( return (
<div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}> <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
{/* 라벨 렌더링 */} {/* 라벨 렌더링 */}
{component.label && component.style?.labelDisplay !== false && ( {component.label && component.style?.labelDisplay !== false && (
<label className="mb-1.5 text-sm font-medium text-slate-600"> <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
{component.label} {component.label}
{component.required && <span className="text-red-500">*</span>} {component.required && <span className="text-red-500">*</span>}
</label> </label>
@ -594,10 +594,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
} }
return ( return (
<div className={`flex w-full max-w-full flex-col ${className || ""}`} {...safeDomProps}> <div className={`relative w-full ${className || ""}`} {...safeDomProps}>
{/* 라벨 렌더링 */} {/* 라벨 렌더링 */}
{component.label && component.style?.labelDisplay !== false && ( {component.label && component.style?.labelDisplay !== false && (
<label className="mb-1.5 text-sm font-medium text-slate-600"> <label className="absolute -top-6 left-0 text-sm font-medium text-slate-600">
{component.label} {component.label}
{component.required && <span className="text-red-500">*</span>} {component.required && <span className="text-red-500">*</span>}
</label> </label>