feat: 테이블 테두리 및 라운드 제거, 검색 필터 제목 제거

- 모든 테이블 컴포넌트의 외곽 테두리(border) 제거
- 테이블 컨테이너의 라운드(rounded-lg) 제거
- 테이블 행 구분선(border-b)은 유지하여 데이터 구분
- FlowWidget과 TableListComponent에 동일한 스타일 적용
- 검색 필터 영역의 회색 배경(bg-muted/30) 제거
- 검색 필터 제목 제거
- AdvancedSearchFilters 컴포넌트의 '검색 필터' 제목 제거
This commit is contained in:
kjs
2025-10-30 15:39:39 +09:00
parent 0e9e5f29cf
commit 4010273d67
67 changed files with 2546 additions and 741 deletions

View File

@@ -32,37 +32,37 @@ export function UserAuthTable({ users, isLoading, paginationInfo, onEditAuth, on
return {
label: "최고 관리자",
icon: <ShieldCheck className="h-3 w-3" />,
className: "bg-purple-100 text-purple-800 border-purple-300",
className: "bg-primary/20 text-primary border-primary/30",
};
case "COMPANY_ADMIN":
return {
label: "회사 관리자",
icon: <Building2 className="h-3 w-3" />,
className: "bg-blue-100 text-blue-800 border-blue-300",
className: "bg-primary/20 text-primary border-primary/30",
};
case "USER":
return {
label: "일반 사용자",
icon: <UserIcon className="h-3 w-3" />,
className: "bg-gray-100 text-gray-800 border-gray-300",
className: "bg-muted/50 text-muted-foreground border-border",
};
case "GUEST":
return {
label: "게스트",
icon: <Users className="h-3 w-3" />,
className: "bg-green-100 text-green-800 border-green-300",
className: "bg-success/20 text-success border-success/30",
};
case "PARTNER":
return {
label: "협력업체",
icon: <Shield className="h-3 w-3" />,
className: "bg-orange-100 text-orange-800 border-orange-300",
className: "bg-warning/20 text-warning border-warning/30",
};
default:
return {
label: userType || "미지정",
icon: <UserIcon className="h-3 w-3" />,
className: "bg-gray-100 text-gray-800 border-gray-300",
className: "bg-muted/50 text-muted-foreground border-border",
};
}
};
@@ -75,10 +75,10 @@ export function UserAuthTable({ users, isLoading, paginationInfo, onEditAuth, on
// 로딩 스켈레톤
if (isLoading) {
return (
<div className="bg-card hidden rounded-lg border shadow-sm lg:block">
<div className="bg-card hidden shadow-sm lg:block">
<Table>
<TableHeader>
<TableRow className="bg-muted/50 border-b">
<TableRow className="bg-muted/50">
<TableHead className="h-12 w-[80px] text-center text-sm font-semibold">No</TableHead>
<TableHead className="h-12 text-sm font-semibold"> ID</TableHead>
<TableHead className="h-12 text-sm font-semibold"></TableHead>
@@ -89,8 +89,8 @@ export function UserAuthTable({ users, isLoading, paginationInfo, onEditAuth, on
</TableRow>
</TableHeader>
<TableBody>
{Array.from({ length: 10 }).map((_, index) => (
<TableRow key={index} className="border-b">
{Array.from({ length: 10 }).map((_, index) => (
<TableRow key={index}>
<TableCell className="h-16">
<div className="bg-muted h-4 animate-pulse rounded"></div>
</TableCell>
@@ -123,7 +123,7 @@ export function UserAuthTable({ users, isLoading, paginationInfo, onEditAuth, on
// 빈 상태
if (users.length === 0) {
return (
<div className="bg-card flex h-64 flex-col items-center justify-center rounded-lg border shadow-sm">
<div className="bg-card flex h-64 flex-col items-center justify-center shadow-sm">
<p className="text-muted-foreground text-sm"> .</p>
</div>
);
@@ -133,10 +133,10 @@ export function UserAuthTable({ users, isLoading, paginationInfo, onEditAuth, on
return (
<div className="space-y-4">
{/* 데스크톱 테이블 */}
<div className="bg-card hidden rounded-lg border shadow-sm lg:block">
<div className="bg-card hidden shadow-sm lg:block">
<Table>
<TableHeader>
<TableRow className="bg-muted/50 hover:bg-muted/50 border-b">
<TableRow className="bg-muted/50 hover:bg-muted/50">
<TableHead className="h-12 w-[80px] text-center text-sm font-semibold">No</TableHead>
<TableHead className="h-12 text-sm font-semibold"> ID</TableHead>
<TableHead className="h-12 text-sm font-semibold"></TableHead>
@@ -150,7 +150,7 @@ export function UserAuthTable({ users, isLoading, paginationInfo, onEditAuth, on
{users.map((user, index) => {
const typeInfo = getUserTypeInfo(user.userType);
return (
<TableRow key={user.userId} className="hover:bg-muted/50 border-b transition-colors">
<TableRow key={user.userId} className="hover:bg-muted/50 transition-colors">
<TableCell className="h-16 text-center text-sm">{getRowNumber(index)}</TableCell>
<TableCell className="h-16 font-mono text-sm">{user.userId}</TableCell>
<TableCell className="h-16 text-sm">{user.userName}</TableCell>