chpark/vexplor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui, 외부커넥션에서 쿼리 조회만 가능하도록

Browse Source
This commit is contained in:
leeheejin
2025-09-30 10:30:05 +09:00
parent 9168ab9a41
commit 8c19d57ced
24 changed files with 452 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -85,7 +85,7 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
? {
outline: "2px solid #3b82f6",
outlineOffset: "2px",
zIndex: 30, // 패널(z-50)과 모달(z-50)보다 낮게 설정
zIndex: 20, // 패널과 모달보다 낮게 설정
}
: {};
@@ -125,7 +125,7 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
return (
<div
id={`component-${id}`}
className="absolute cursor-pointer"
className="absolute cursor-pointer transition-all duration-200 ease-out"
style={{ ...baseStyle, ...selectionStyle }}
onClick={handleClick}
onDoubleClick={handleDoubleClick}
@@ -135,7 +135,7 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
>
{/* 동적 컴포넌트 렌더링 */}
<div className={`h-full w-full ${
component.componentConfig?.type === "table-list" ? "overflow-visible" : ""
component.componentConfig?.type === "table-list" ? "overflow-hidden" : ""
}`}>
<DynamicComponentRenderer
component={component}
@@ -155,16 +155,16 @@ export const RealtimePreviewDynamic: React.FC<RealtimePreviewProps> = ({
{/* 선택된 컴포넌트 정보 표시 */}
{isSelected && (
<div className="absolute -top-6 left-0 rounded bg-blue-600 px-2 py-1 text-xs text-white">
<div className="absolute -top-8 left-0 rounded-lg bg-gray-800/90 px-3 py-2 text-xs text-white backdrop-blur-sm shadow-lg">
{type === "widget" && (
<div className="flex items-center gap-1">
<div className="flex items-center gap-2">
{getWidgetIcon((component as WidgetComponent).widgetType)}
{(component as WidgetComponent).widgetType || "widget"}
<span className="font-medium">{(component as WidgetComponent).widgetType || "widget"}</span>
</div>
)}
{type !== "widget" && (
<div className="flex items-center gap-1">
<span>{component.componentConfig?.type || type}</span>
<div className="flex items-center gap-2">
<span className="font-medium">{component.componentConfig?.type || type}</span>
</div>
)}
</div>