refactor: 전체 프론트엔드 하드코딩 색상 → CSS 변수 일괄 치환
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:
@@ -173,7 +173,7 @@ export function AutocompleteSearchInputConfigPanel({
|
||||
<Check className={cn("mr-2 h-4 w-4", localConfig.tableName === table.tableName ? "opacity-100" : "opacity-0")} />
|
||||
<div className="flex flex-col">
|
||||
<span className="font-medium">{table.displayName || table.tableName}</span>
|
||||
{table.displayName && <span className="text-[10px] text-gray-500">{table.tableName}</span>}
|
||||
{table.displayName && <span className="text-[10px] text-muted-foreground">{table.tableName}</span>}
|
||||
</div>
|
||||
</CommandItem>
|
||||
))}
|
||||
@@ -266,7 +266,7 @@ export function AutocompleteSearchInputConfigPanel({
|
||||
<Check className={cn("mr-2 h-4 w-4", isSelected ? "opacity-100" : "opacity-0")} />
|
||||
<div className="flex flex-col">
|
||||
<span className="font-medium">{column.displayName || column.columnName}</span>
|
||||
{column.displayName && <span className="text-[10px] text-gray-500">{column.columnName}</span>}
|
||||
{column.displayName && <span className="text-[10px] text-muted-foreground">{column.columnName}</span>}
|
||||
</div>
|
||||
</CommandItem>
|
||||
);
|
||||
@@ -335,7 +335,7 @@ export function AutocompleteSearchInputConfigPanel({
|
||||
<Check className={cn("mr-2 h-4 w-4", localConfig.targetTable === table.tableName ? "opacity-100" : "opacity-0")} />
|
||||
<div className="flex flex-col">
|
||||
<span className="font-medium">{table.displayName || table.tableName}</span>
|
||||
{table.displayName && <span className="text-[10px] text-gray-500">{table.tableName}</span>}
|
||||
{table.displayName && <span className="text-[10px] text-muted-foreground">{table.tableName}</span>}
|
||||
</div>
|
||||
</CommandItem>
|
||||
))}
|
||||
@@ -446,13 +446,13 @@ export function AutocompleteSearchInputConfigPanel({
|
||||
</div>
|
||||
|
||||
{mapping.sourceField && mapping.targetField && (
|
||||
<div className="rounded bg-blue-50 p-2 dark:bg-blue-950">
|
||||
<p className="text-[10px] text-blue-700 dark:text-blue-300">
|
||||
<code className="rounded bg-blue-100 px-1 font-mono dark:bg-blue-900">
|
||||
<div className="rounded bg-primary/10 p-2 dark:bg-primary/15">
|
||||
<p className="text-[10px] text-primary dark:text-primary/80">
|
||||
<code className="rounded bg-primary/10 px-1 font-mono dark:bg-primary/20">
|
||||
{localConfig.tableName}.{mapping.sourceField}
|
||||
</code>
|
||||
{" → "}
|
||||
<code className="rounded bg-blue-100 px-1 font-mono dark:bg-blue-900">
|
||||
<code className="rounded bg-primary/10 px-1 font-mono dark:bg-primary/20">
|
||||
{localConfig.targetTable}.{mapping.targetField}
|
||||
</code>
|
||||
</p>
|
||||
@@ -476,11 +476,11 @@ export function AutocompleteSearchInputConfigPanel({
|
||||
|
||||
{/* 설정 요약 */}
|
||||
{localConfig.tableName && localConfig.targetTable && (localConfig.fieldMappings || []).length > 0 && (
|
||||
<div className="rounded-lg border bg-green-50 p-4 dark:bg-green-950">
|
||||
<h3 className="mb-2 text-sm font-semibold text-green-800 dark:text-green-200">
|
||||
<div className="rounded-lg border bg-emerald-50 p-4 dark:bg-emerald-950">
|
||||
<h3 className="mb-2 text-sm font-semibold text-emerald-800 dark:text-emerald-200">
|
||||
설정 요약
|
||||
</h3>
|
||||
<div className="space-y-1 text-xs text-green-700 dark:text-green-300">
|
||||
<div className="space-y-1 text-xs text-emerald-700 dark:text-emerald-300">
|
||||
<p>
|
||||
<strong>외부 테이블:</strong> {localConfig.tableName}
|
||||
</p>
|
||||
|
||||
Reference in New Issue
Block a user