jskim/vexplor_dev
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

24
frontend/components/dataflow/connection/SimpleKeySettings.tsx
View File

@@ -38,7 +38,7 @@ export const SimpleKeySettings: React.FC<SimpleKeySettingsProps> = ({
return (
<div className="space-y-4">
{/* 테이블 및 컬럼 선택 */}
<div className="rounded-lg border bg-gray-50 p-4">
<div className="rounded-lg border bg-muted p-4">
<div className="mb-4 text-sm font-medium">테이블 및 컬럼 선택</div>
{/* 현재 선택된 테이블 표시 */}
@@ -46,20 +46,20 @@ export const SimpleKeySettings: React.FC<SimpleKeySettingsProps> = ({
<div>
<Label className="text-xs font-medium text-muted-foreground">From 테이블</Label>
<div className="mt-1">
<span className="text-sm font-medium text-gray-800">
<span className="text-sm font-medium text-foreground">
{availableTables.find((t) => t.tableName === selectedFromTable)?.displayName || selectedFromTable}
</span>
<span className="ml-2 text-xs text-gray-500">({selectedFromTable})</span>
<span className="ml-2 text-xs text-muted-foreground">({selectedFromTable})</span>
</div>
</div>
<div>
<Label className="text-xs font-medium text-muted-foreground">To 테이블</Label>
<div className="mt-1">
<span className="text-sm font-medium text-gray-800">
<span className="text-sm font-medium text-foreground">
{availableTables.find((t) => t.tableName === selectedToTable)?.displayName || selectedToTable}
</span>
<span className="ml-2 text-xs text-gray-500">({selectedToTable})</span>
<span className="ml-2 text-xs text-muted-foreground">({selectedToTable})</span>
</div>
</div>
</div>
@@ -88,11 +88,11 @@ export const SimpleKeySettings: React.FC<SimpleKeySettingsProps> = ({
? column.displayName
: column.columnName}
</span>
<span className="text-xs text-gray-500">({column.dataType})</span>
<span className="text-xs text-muted-foreground">({column.dataType})</span>
</label>
))}
{fromTableColumns.length === 0 && (
<div className="py-2 text-xs text-gray-500">
<div className="py-2 text-xs text-muted-foreground">
{selectedFromTable ? "컬럼을 불러오는 중..." : "테이블을 먼저 선택해주세요"}
</div>
)}
@@ -121,11 +121,11 @@ export const SimpleKeySettings: React.FC<SimpleKeySettingsProps> = ({
? column.displayName
: column.columnName}
</span>
<span className="text-xs text-gray-500">({column.dataType})</span>
<span className="text-xs text-muted-foreground">({column.dataType})</span>
</label>
))}
{toTableColumns.length === 0 && (
<div className="py-2 text-xs text-gray-500">
<div className="py-2 text-xs text-muted-foreground">
{selectedToTable ? "컬럼을 불러오는 중..." : "테이블을 먼저 선택해주세요"}
</div>
)}
@@ -150,7 +150,7 @@ export const SimpleKeySettings: React.FC<SimpleKeySettingsProps> = ({
);
})
) : (
<span className="text-xs text-gray-400">선택된 컬럼 없음</span>
<span className="text-xs text-muted-foreground/70">선택된 컬럼 없음</span>
)}
</div>
</div>
@@ -169,7 +169,7 @@ export const SimpleKeySettings: React.FC<SimpleKeySettingsProps> = ({
);
})
) : (
<span className="text-xs text-gray-400">선택된 컬럼 없음</span>
<span className="text-xs text-muted-foreground/70">선택된 컬럼 없음</span>
)}
</div>
</div>
@@ -180,7 +180,7 @@ export const SimpleKeySettings: React.FC<SimpleKeySettingsProps> = ({
{/* 단순 키값 연결 설정 */}
<div className="rounded-lg border border-l-4 border-l-blue-500 bg-accent/30 p-4">
<div className="mb-3 flex items-center gap-2">
<Key className="h-4 w-4 text-blue-500" />
<Key className="h-4 w-4 text-primary" />
<span className="text-sm font-medium">단순 키값 연결 설정</span>
</div>
<div className="space-y-3">