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:
kjs
2025-10-17 16:21:08 +09:00
parent 2a8081a253
commit 2e916678fa
22 changed files with 1641 additions and 871 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -83,9 +83,9 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
// 선택 상태에 따른 스타일 (z-index 낮춤 - 패널과 모달보다 아래)
const selectionStyle = isSelected
? {
outline: "2px solid #3b82f6",
outline: "2px solid hsl(var(--primary))",
outlineOffset: "2px",
zIndex: 20, // 패널과 모달보다 낮게 설정
zIndex: 20,
}
: {};
@@ -183,16 +183,16 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
{/* 선택된 컴포넌트 정보 표시 */}
{isSelected && (
<div className="absolute -top-8 left-0 rounded-lg bg-gray-800/90 px-3 py-2 text-xs text-white shadow-lg backdrop-blur-sm">
<div className="bg-primary text-primary-foreground absolute -top-7 left-0 rounded-md px-2.5 py-1 text-xs font-medium shadow-sm">
{type === "widget" && (
<div className="flex items-center gap-2">
<div className="flex items-center gap-1.5">
{getWidgetIcon((component as WidgetComponent).widgetType)}
<span className="font-medium">{(component as WidgetComponent).widgetType || "widget"}</span>
<span>{(component as WidgetComponent).widgetType || "widget"}</span>
</div>
)}
{type !== "widget" && (
<div className="flex items-center gap-2">
<span className="font-medium">{component.componentConfig?.type || type}</span>
<div className="flex items-center gap-1.5">
<span>{component.componentConfig?.type || type}</span>
</div>
)}
</div>