refactor: TableList 컴포넌트 그라데이션 제거 (shadcn 가이드라인 준수)

- 테이블 헤더의 그라데이션 제거 (bg-gradient-to-b from-muted/50 to-muted → bg-muted)
- CardModeRenderer 빈 상태 아이콘의 그라데이션 제거
- 하드코딩된 slate 색상을 shadcn 토큰으로 변경 (bg-muted, text-muted-foreground)
- 일관된 단색 배경으로 심플하고 깔끔한 디자인 유지

shadcn/ui 가이드라인:
- 테이블 헤더는 단색 bg-muted 사용
- 색상 토큰 사용으로 다크모드 자동 대응
- 불필요한 그라데이션 제거
This commit is contained in:
kjs 2025-11-06 11:51:11 +09:00
parent 2b2c096a99
commit 4f02f0bad1
2 changed files with 5 additions and 5 deletions

View File

@ -113,11 +113,11 @@ export const CardModeRenderer: React.FC<CardModeRendererProps> = ({
if (!data || data.length === 0) {
return (
<div className="flex flex-col items-center justify-center py-12 text-center">
<div className="w-16 h-16 bg-gradient-to-br from-slate-100 to-slate-200 rounded-2xl flex items-center justify-center mb-4">
<div className="w-8 h-8 bg-slate-300 rounded-lg"></div>
<div className="w-16 h-16 bg-muted rounded-2xl flex items-center justify-center mb-4">
<div className="w-8 h-8 bg-muted-foreground/20 rounded-lg"></div>
</div>
<div className="text-sm font-medium text-slate-600 mb-1"> </div>
<div className="text-xs text-slate-400"> </div>
<div className="text-sm font-medium text-muted-foreground mb-1"> </div>
<div className="text-xs text-muted-foreground/60"> </div>
</div>
);
}

View File

@ -1597,7 +1597,7 @@ export const TableListComponent: React.FC<TableListComponentProps> = ({
<thead
className="sticky top-0 z-10"
>
<tr className="h-10 border-b-2 border-primary/20 bg-gradient-to-b from-muted/50 to-muted sm:h-12">
<tr className="h-10 border-b-2 border-primary/20 bg-muted sm:h-12">
{visibleColumns.map((column, columnIndex) => {
const columnWidth = columnWidths[column.columnName];
const isFrozen = frozenColumns.includes(column.columnName);