feat: 관리자 테이블 스타일 개선 및 탭 컴포넌트 디자인 수정

- 외부 커넥션 관리 테이블 표준화 (DB 연결, REST API 연결)
- 모든 관리자 테이블의 그림자 제거 (테이블 타입 관리 왼쪽 카드 제외)
- 테이블 타입 관리 왼쪽 카드 호버 효과 강화 (shadow-lg, bg-muted/20)
- 탭 컴포넌트 배경색 밝게 조정 (bg-muted/30)
- 탭 트리거 테두리 제거
This commit is contained in:
kjs
2025-10-30 17:55:55 +09:00
parent 4924fbe71d
commit 148155e6fe
16 changed files with 560 additions and 177 deletions

View File

@@ -75,7 +75,7 @@ export function UserAuthTable({ users, isLoading, paginationInfo, onEditAuth, on
// 로딩 스켈레톤
if (isLoading) {
return (
<div className="bg-card hidden shadow-sm lg:block">
<div className="bg-card hidden lg:block">
<Table>
<TableHeader>
<TableRow>
@@ -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 shadow-sm">
<div className="bg-card flex h-64 flex-col items-center justify-center">
<p className="text-muted-foreground text-sm"> .</p>
</div>
);
@@ -133,7 +133,7 @@ export function UserAuthTable({ users, isLoading, paginationInfo, onEditAuth, on
return (
<div className="space-y-4">
{/* 데스크톱 테이블 */}
<div className="bg-card hidden shadow-sm lg:block">
<div className="bg-card hidden lg:block">
<Table>
<TableHeader>
<TableRow>
@@ -182,7 +182,7 @@ export function UserAuthTable({ users, isLoading, paginationInfo, onEditAuth, on
return (
<div
key={user.userId}
className="bg-card hover:bg-muted/50 rounded-lg border p-4 shadow-sm transition-colors"
className="bg-card hover:bg-muted/50 rounded-lg border p-4 transition-colors"
>
{/* 헤더 */}
<div className="mb-4 flex items-start justify-between">