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

18
frontend/lib/utils/getComponentConfigPanel.tsx
View File

@@ -395,22 +395,22 @@ export const DynamicComponentConfigPanel: React.FC<ComponentConfigPanelProps> =
if (loading) {
return (
<div className="rounded-md border border-dashed border-gray-300 bg-gray-50 p-4 w-full">
<div className="flex items-center gap-2 text-gray-600">
<div className="rounded-md border border-dashed border-input bg-muted p-4 w-full">
<div className="flex items-center gap-2 text-muted-foreground">
<span className="text-sm font-medium">⏳ 로딩 중...</span>
</div>
<p className="mt-1 text-xs text-gray-500">설정 패널을 불러오는 중입니다.</p>
<p className="mt-1 text-xs text-muted-foreground">설정 패널을 불러오는 중입니다.</p>
</div>
);
}
if (error) {
return (
<div className="rounded-md border border-dashed border-red-300 bg-red-50 p-4 w-full">
<div className="flex items-center gap-2 text-red-600">
<div className="rounded-md border border-dashed border-destructive/30 bg-destructive/10 p-4 w-full">
<div className="flex items-center gap-2 text-destructive">
<span className="text-sm font-medium">⚠️ 로드 실패</span>
</div>
<p className="mt-1 text-xs text-red-500">설정 패널을 불러올 수 없습니다: {error}</p>
<p className="mt-1 text-xs text-destructive">설정 패널을 불러올 수 없습니다: {error}</p>
</div>
);
}
@@ -418,11 +418,11 @@ export const DynamicComponentConfigPanel: React.FC<ComponentConfigPanelProps> =
if (!ConfigPanelComponent) {
console.warn(`⚠️ DynamicComponentConfigPanel: ${componentId} ConfigPanelComponent가 null`);
return (
<div className="rounded-md border border-dashed border-yellow-300 bg-yellow-50 p-4 w-full">
<div className="flex items-center gap-2 text-yellow-600">
<div className="rounded-md border border-dashed border-amber-300 bg-amber-50 p-4 w-full">
<div className="flex items-center gap-2 text-amber-600">
<span className="text-sm font-medium">⚠️ 설정 패널 없음</span>
</div>
<p className="mt-1 text-xs text-yellow-500">컴포넌트 "{componentId}"에 대한 설정 패널이 없습니다.</p>
<p className="mt-1 text-xs text-amber-500">컴포넌트 "{componentId}"에 대한 설정 패널이 없습니다.</p>
</div>
);
}