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

refactor: 전체 프론트엔드 하드코딩 색상 → CSS 변수 일괄 치환

Browse Source 
447+ 파일, 4500+ 줄 변경:
- gray-* → border/bg-muted/text-foreground/text-muted-foreground
- blue-* → primary/ring
- red-* → destructive
- green-* → emerald (일관성)
- indigo-* → primary
- yellow/orange → amber (통일)
- dark mode 변형도 시맨틱 토큰으로 변환

Made-with: Cursor
This commit is contained in:
DDD1542
2026-03-09 14:31:59 +09:00
parent d967cf0a0d
commit 4f10b5e42d
447 changed files with 4520 additions and 4520 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/components/dataflow/node-editor/dialogs/LoadFlowDialog.tsx
View File

@@ -105,12 +105,12 @@ export function LoadFlowDialog({ open, onOpenChange, onLoad }: LoadFlowDialogPro
{loading ? (
<div className="flex items-center justify-center py-12">
<Loader2 className="h-8 w-8 animate-spin text-gray-400" />
<Loader2 className="h-8 w-8 animate-spin text-muted-foreground/70" />
</div>
) : flows.length === 0 ? (
<div className="py-12 text-center">
<FileJson className="mx-auto mb-4 h-12 w-12 text-gray-300" />
<p className="text-sm text-gray-500">저장된 플로우가 없습니다.</p>
<FileJson className="mx-auto mb-4 h-12 w-12 text-muted-foreground/50" />
<p className="text-sm text-muted-foreground">저장된 플로우가 없습니다.</p>
</div>
) : (
<ScrollArea className="h-[400px]">
@@ -118,19 +118,19 @@ export function LoadFlowDialog({ open, onOpenChange, onLoad }: LoadFlowDialogPro
{flows.map((flow) => (
<div
key={flow.flowId}
className={`cursor-pointer rounded-lg border-2 p-4 transition-all hover:border-blue-300 hover:bg-blue-50 ${
selectedFlowId === flow.flowId ? "border-blue-500 bg-blue-50" : "border-gray-200 bg-white"
className={`cursor-pointer rounded-lg border-2 p-4 transition-all hover:border-primary/40 hover:bg-primary/10 ${
selectedFlowId === flow.flowId ? "border-primary bg-primary/10" : "border-border bg-white"
}`}
onClick={() => setSelectedFlowId(flow.flowId)}
>
<div className="flex items-start justify-between">
<div className="flex-1">
<div className="flex items-center gap-2">
<h3 className="font-semibold text-gray-900">{flow.flowName}</h3>
<span className="text-xs text-gray-400">#{flow.flowId}</span>
<h3 className="font-semibold text-foreground">{flow.flowName}</h3>
<span className="text-xs text-muted-foreground/70">#{flow.flowId}</span>
</div>
{flow.flowDescription && <p className="mt-1 text-sm text-gray-600">{flow.flowDescription}</p>}
<div className="mt-2 flex items-center gap-4 text-xs text-gray-500">
{flow.flowDescription && <p className="mt-1 text-sm text-muted-foreground">{flow.flowDescription}</p>}
<div className="mt-2 flex items-center gap-4 text-xs text-muted-foreground">
<div className="flex items-center gap-1">
<Calendar className="h-3 w-3" />
<span>수정: {formatDate(flow.updatedAt)}</span>
@@ -145,7 +145,7 @@ export function LoadFlowDialog({ open, onOpenChange, onLoad }: LoadFlowDialogPro
handleDelete(flow.flowId, flow.flowName);
}}
disabled={deleting === flow.flowId}
className="text-red-600 hover:bg-red-50 hover:text-red-700"
className="text-destructive hover:bg-destructive/10 hover:text-destructive"
>
{deleting === flow.flowId ? (
<Loader2 className="h-4 w-4 animate-spin" />