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:
parent
2b2c096a99
commit
4f02f0bad1
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Reference in New Issue