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:
@@ -722,7 +722,7 @@ export function SimpleRepeaterTableConfigPanel({
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="p-3 bg-blue-50 dark:bg-blue-950 rounded-md border border-blue-200 dark:border-blue-800">
|
||||
<div className="p-3 bg-primary/10 dark:bg-primary/15 rounded-md border border-primary/20 dark:border-primary/30">
|
||||
<p className="text-xs font-medium mb-1">사용 예시</p>
|
||||
<div className="space-y-1 text-[10px] text-muted-foreground">
|
||||
<p>• 수주관리 리스트에서 클릭한 수주번호(order_no)를 기준으로 데이터 로드</p>
|
||||
@@ -912,8 +912,8 @@ export function SimpleRepeaterTableConfigPanel({
|
||||
{/* 🆕 데이터 소스 설정 (어디서 조회할지) */}
|
||||
<div className="space-y-3 border-t pt-4">
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="h-1 w-1 rounded-full bg-blue-500"></div>
|
||||
<Label className="text-xs font-semibold text-blue-600">데이터 소스 설정 (어디서 조회?)</Label>
|
||||
<div className="h-1 w-1 rounded-full bg-primary"></div>
|
||||
<Label className="text-xs font-semibold text-primary">데이터 소스 설정 (어디서 조회?)</Label>
|
||||
</div>
|
||||
|
||||
<div className="space-y-2">
|
||||
@@ -944,7 +944,7 @@ export function SimpleRepeaterTableConfigPanel({
|
||||
</div>
|
||||
|
||||
{col.sourceConfig?.type === "direct" && (
|
||||
<div className="space-y-3 p-3 bg-blue-50 dark:bg-blue-950 rounded-md">
|
||||
<div className="space-y-3 p-3 bg-primary/10 dark:bg-primary/15 rounded-md">
|
||||
<p className="text-xs font-medium">직접 조회 설정</p>
|
||||
|
||||
<div className="space-y-2">
|
||||
@@ -1091,11 +1091,11 @@ export function SimpleRepeaterTableConfigPanel({
|
||||
{localConfig.parentChildConfig?.enabled ? (
|
||||
// 부모-자식 모드: 간단한 안내만 표시
|
||||
<div className="border-t pt-4">
|
||||
<div className="p-3 bg-green-50 dark:bg-green-950 rounded-md border border-green-200 dark:border-green-800">
|
||||
<div className="p-3 bg-emerald-50 dark:bg-emerald-950 rounded-md border border-emerald-200 dark:border-emerald-800">
|
||||
<p className="text-xs text-muted-foreground">
|
||||
<strong className="text-green-700 dark:text-green-400">부모-자식 모드</strong>
|
||||
<strong className="text-emerald-700 dark:text-emerald-400">부모-자식 모드</strong>
|
||||
<br />
|
||||
→ <code className="bg-green-100 dark:bg-green-900 px-1 rounded">{localConfig.parentChildConfig.childTable || "자식 테이블"}.{col.field || "필드명"}</code> 에 저장
|
||||
→ <code className="bg-emerald-100 dark:bg-emerald-900 px-1 rounded">{localConfig.parentChildConfig.childTable || "자식 테이블"}.{col.field || "필드명"}</code> 에 저장
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1103,7 +1103,7 @@ export function SimpleRepeaterTableConfigPanel({
|
||||
// 일반 모드: 타겟 설정 (선택사항)
|
||||
<div className="space-y-3 border-t pt-4">
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="h-1 w-1 rounded-full bg-gray-400"></div>
|
||||
<div className="h-1 w-1 rounded-full bg-muted-foreground"></div>
|
||||
<Label className="text-xs font-semibold text-muted-foreground">저장 설정 (선택사항)</Label>
|
||||
</div>
|
||||
|
||||
@@ -1654,7 +1654,7 @@ export function SimpleRepeaterTableConfigPanel({
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="p-3 bg-blue-50 dark:bg-blue-950 rounded-md border border-blue-200 dark:border-blue-800">
|
||||
<div className="p-3 bg-primary/10 dark:bg-primary/15 rounded-md border border-primary/20 dark:border-primary/30">
|
||||
<p className="text-xs font-medium mb-1">사용 예시</p>
|
||||
<div className="space-y-1 text-[10px] text-muted-foreground">
|
||||
<p>• 공급가액 합계: supply_amount 필드의 SUM</p>
|
||||
|
||||
Reference in New Issue
Block a user