jskim/vexplor_dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

테이블 헤더 및 행 배경색 통일

Browse Source 
- 모든 테이블 헤더의 회색 배경 제거 (bg-muted/50 → bg-background)
- 모든 테이블 행의 홀수 행 회색 배경 제거 (모든 행을 흰색 배경으로 통일)
- 호버 시에만 회색 배경이 나타나도록 통일
- TableListComponent, SingleTableWithSticky, 모든 관리자 테이블 컴포넌트에 적용
- 테이블 구조 표준화 문서 업데이트
This commit is contained in:
kjs
2025-10-30 15:49:23 +09:00
parent 4010273d67
commit 21af6c5c17
11 changed files with 121 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/components/admin/MenuTable.tsx
View File

@@ -148,9 +148,9 @@ export const MenuTable: React.FC<MenuTableProps> = ({
<div className="bg-card shadow-sm">
<div className="max-h-[calc(100vh-350px)] overflow-auto">
<Table noWrapper>
<TableHeader className="sticky top-0 z-20 bg-muted/50 shadow-sm">
<TableRow className="bg-muted/50 hover:bg-muted/50">
<TableHead className="h-12 w-12 bg-muted/50 text-sm font-semibold">
<TableHeader className="sticky top-0 z-20 bg-background shadow-sm">
<TableRow>
<TableHead className="h-12 w-12 text-sm font-semibold">
<input
type="checkbox"
checked={
@@ -161,22 +161,22 @@ export const MenuTable: React.FC<MenuTableProps> = ({
className="h-4 w-4"
/>
</TableHead>
<TableHead className="h-12 w-1/3 bg-muted/50 text-sm font-semibold">
<TableHead className="h-12 w-1/3 text-sm font-semibold">
{getText(MENU_MANAGEMENT_KEYS.TABLE_HEADER_MENU_NAME)}
</TableHead>
<TableHead className="h-12 w-16 bg-muted/50 text-sm font-semibold">
<TableHead className="h-12 w-16 text-sm font-semibold">
{getText(MENU_MANAGEMENT_KEYS.TABLE_HEADER_SEQUENCE)}
</TableHead>
<TableHead className="h-12 w-24 bg-muted/50 text-sm font-semibold">
<TableHead className="h-12 w-24 text-sm font-semibold">
{getText(MENU_MANAGEMENT_KEYS.TABLE_HEADER_COMPANY)}
</TableHead>
<TableHead className="h-12 w-48 bg-muted/50 text-sm font-semibold">
<TableHead className="h-12 w-48 text-sm font-semibold">
{getText(MENU_MANAGEMENT_KEYS.TABLE_HEADER_MENU_URL)}
</TableHead>
<TableHead className="h-12 w-20 bg-muted/50 text-sm font-semibold">
<TableHead className="h-12 w-20 text-sm font-semibold">
{getText(MENU_MANAGEMENT_KEYS.TABLE_HEADER_STATUS)}
</TableHead>
<TableHead className="h-12 w-32 bg-muted/50 text-sm font-semibold">
<TableHead className="h-12 w-32 text-sm font-semibold">
{getText(MENU_MANAGEMENT_KEYS.TABLE_HEADER_ACTIONS)}
</TableHead>
</TableRow>