jskim/vexplor_dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui 수정 및 시현할 기능 업데이트

Browse Source
This commit is contained in:
leeheejin
2025-10-02 14:34:15 +09:00
parent 2c0dca08b4
commit 3fa410cbe4
168 changed files with 1545 additions and 1066 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -66,7 +66,7 @@ interface RealtimePreviewProps {
const getAreaIcon = (layoutDirection?: "horizontal" | "vertical") => {
switch (layoutDirection) {
case "horizontal":
return <Layout className="h-4 w-4 text-blue-600" />;
return <Layout className="h-4 w-4 text-primary" />;
case "vertical":
return <Columns className="h-4 w-4 text-purple-600" />;
default:
@@ -86,7 +86,7 @@ const renderArea = (component: ComponentData, children?: React.ReactNode) => {
<div className="flex h-full w-full items-center justify-center rounded border-2 border-dashed border-gray-300 bg-gray-50">
<div className="text-center">
{getAreaIcon(layoutDirection)}
<p className="mt-2 text-sm text-gray-600">{label || `${layoutDirection || "기본"} 영역`}</p>
<p className="mt-2 text-sm text-muted-foreground">{label || `${layoutDirection || "기본"} 영역`}</p>
<p className="text-xs text-gray-400">컴포넌트를 드래그해서 추가하세요</p>
</div>
</div>
@@ -182,7 +182,7 @@ const getWidgetIcon = (widgetType: WebType | undefined) => {
case "text":
case "email":
case "tel":
return <Type className="h-4 w-4 text-blue-600" />;
return <Type className="h-4 w-4 text-primary" />;
case "number":
case "decimal":
return <Hash className="h-4 w-4 text-green-600" />;
@@ -196,11 +196,11 @@ const getWidgetIcon = (widgetType: WebType | undefined) => {
return <AlignLeft className="h-4 w-4 text-indigo-600" />;
case "boolean":
case "checkbox":
return <CheckSquare className="h-4 w-4 text-blue-600" />;
return <CheckSquare className="h-4 w-4 text-primary" />;
case "radio":
return <Radio className="h-4 w-4 text-blue-600" />;
return <Radio className="h-4 w-4 text-primary" />;
case "code":
return <Code className="h-4 w-4 text-gray-600" />;
return <Code className="h-4 w-4 text-muted-foreground" />;
case "entity":
return <Building className="h-4 w-4 text-cyan-600" />;
case "file":
@@ -491,7 +491,7 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
<div className="flex h-full flex-col items-center justify-center text-center">
<File className="mb-2 h-8 w-8 text-gray-400" />
<p className="text-xs font-medium text-gray-700 mb-1">업로드된 파일 (0)</p>
<p className="text-sm text-gray-600">파일 업로드 영역</p>
<p className="text-sm text-muted-foreground">파일 업로드 영역</p>
<p className="mt-1 text-xs text-gray-400">상세설정에서 파일을 업로드하세요</p>
</div>
)}