chpark/vexplor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 테이블 타입 관리 페이지 UI 개선 및 테이블 삭제 방식 변경

Browse Source 
- 테이블 삭제 방식을 체크박스 선택 기반 일괄 삭제로 변경
- 좌측 테이블 리스트 영역에 스크롤 적용
- 선택된 테이블에 검정 테두리 표시 (border-2 border-black)
- 우측 상단 타이틀 제거
- 각 테이블 카드에 라운딩 적용 (rounded-lg)
- 컬럼 간 간격 개선 (입력 타입-상세 설정 간격 증가)
- Entity 설정 박스 스타일 제거 (평면적 레이아웃으로 변경)
- 좌측 영역 우측 여백 조정 (pr-4)
This commit is contained in:
kjs
2025-10-30 17:02:30 +09:00
parent 21af6c5c17
commit 4924fbe71d
9 changed files with 458 additions and 282 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/components/admin/CompanyTable.tsx
View File

@@ -54,12 +54,12 @@ export function CompanyTable({ companies, isLoading, onEdit, onDelete }: Company
<TableHeader>
<TableRow>
{COMPANY_TABLE_COLUMNS.map((column) => (
<TableHead key={column.key} className="h-12 text-sm font-semibold">
<TableHead key={column.key} className="h-12 px-6 py-3 text-sm font-semibold">
{column.label}
</TableHead>
))}
<TableHead className="h-12 text-sm font-semibold">디스크 사용량</TableHead>
<TableHead className="h-12 text-sm font-semibold">작업</TableHead>
<TableHead className="h-12 px-6 py-3 text-sm font-semibold">디스크 사용량</TableHead>
<TableHead className="h-12 px-6 py-3 text-sm font-semibold">작업</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -134,22 +134,22 @@ export function CompanyTable({ companies, isLoading, onEdit, onDelete }: Company
<TableHeader>
<TableRow>
{COMPANY_TABLE_COLUMNS.map((column) => (
<TableHead key={column.key} className="h-12 text-sm font-semibold">
<TableHead key={column.key} className="h-12 px-6 py-3 text-sm font-semibold">
{column.label}
</TableHead>
))}
<TableHead className="h-12 text-sm font-semibold">디스크 사용량</TableHead>
<TableHead className="h-12 text-sm font-semibold">작업</TableHead>
<TableHead className="h-12 px-6 py-3 text-sm font-semibold">디스크 사용량</TableHead>
<TableHead className="h-12 px-6 py-3 text-sm font-semibold">작업</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{companies.map((company) => (
<TableRow key={company.regdate + company.company_code} className="transition-colors hover:bg-muted/50">
<TableCell className="h-16 font-mono text-sm">{company.company_code}</TableCell>
<TableCell className="h-16 text-sm font-medium">{company.company_name}</TableCell>
<TableCell className="h-16 text-sm">{company.writer}</TableCell>
<TableCell className="h-16">{formatDiskUsage(company)}</TableCell>
<TableCell className="h-16">
<TableRow key={company.regdate + company.company_code} className="bg-background transition-colors hover:bg-muted/50">
<TableCell className="h-16 px-6 py-3 font-mono text-sm">{company.company_code}</TableCell>
<TableCell className="h-16 px-6 py-3 text-sm font-medium">{company.company_name}</TableCell>
<TableCell className="h-16 px-6 py-3 text-sm">{company.writer}</TableCell>
<TableCell className="h-16 px-6 py-3">{formatDiskUsage(company)}</TableCell>
<TableCell className="h-16 px-6 py-3">
<div className="flex gap-2">
<Button
variant="ghost"