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) && (
<div className="flex h-full flex-col">
<div className="pointer-events-none flex-1">
<WidgetRenderer component={component} />
</div>
<div className="pointer-events-none h-full w-full">
<WidgetRenderer component={component} />
</div>
)}

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

@ -315,10 +315,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
// 이메일 타입 전용 UI
if (webType === "email") {
return (
<div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
<div className={`relative w-full ${className || ""}`} {...safeDomProps}>
{/* 라벨 렌더링 */}
{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.required && <span className="text-red-500">*</span>}
</label>
@ -417,10 +417,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
// 전화번호 타입 전용 UI
if (webType === "tel") {
return (
<div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
<div className={`relative w-full ${className || ""}`} {...safeDomProps}>
{/* 라벨 렌더링 */}
{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.required && <span className="text-red-500">*</span>}
</label>
@ -498,10 +498,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
// URL 타입 전용 UI
if (webType === "url") {
return (
<div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
<div className={`relative w-full ${className || ""}`} {...safeDomProps}>
{/* 라벨 렌더링 */}
{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.required && <span className="text-red-500">*</span>}
</label>
@ -553,10 +553,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
// textarea 타입인 경우 별도 렌더링
if (webType === "textarea") {
return (
<div className={`flex w-full flex-col ${className || ""}`} {...safeDomProps}>
<div className={`relative w-full ${className || ""}`} {...safeDomProps}>
{/* 라벨 렌더링 */}
{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.required && <span className="text-red-500">*</span>}
</label>
@ -594,10 +594,10 @@ export const TextInputComponent: React.FC<TextInputComponentProps> = ({
}
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 && (
<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.required && <span className="text-red-500">*</span>}
</label>