feat: 테이블 테두리 및 라운드 제거, 검색 필터 제목 제거
- 모든 테이블 컴포넌트의 외곽 테두리(border) 제거 - 테이블 컨테이너의 라운드(rounded-lg) 제거 - 테이블 행 구분선(border-b)은 유지하여 데이터 구분 - FlowWidget과 TableListComponent에 동일한 스타일 적용 - 검색 필터 영역의 회색 배경(bg-muted/30) 제거 - 검색 필터 제목 제거 - AdvancedSearchFilters 컴포넌트의 '검색 필터' 제목 제거
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user