kevin/baron-sso
1
0
Fork 0
forked from baron/baron-sso
Code Pull Requests Activity

공통 테이블 헤더 배경 토큰 적용

Browse Source
This commit is contained in:
김용연
2026-05-14 13:12:15 +09:00
parent b387673a8a
commit bdd42be57e
8 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
adminfront/src/features/api-keys/ApiKeyListPage.tsx
View File

@@ -38,6 +38,7 @@ import {
TableHeader, TableHeader,
TableRow, TableRow,
} from "../../components/ui/table"; } from "../../components/ui/table";
import { commonStickyTableHeaderClass } from "../../../../common/ui/table";
import { import {
type ApiKeySummary, type ApiKeySummary,
deleteApiKey, deleteApiKey,
@@ -214,7 +215,7 @@ function ApiKeyListPage() {
<div className="flex-1 rounded-md border overflow-hidden flex flex-col"> <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
<div className="flex-1 overflow-auto relative custom-scrollbar"> <div className="flex-1 overflow-auto relative custom-scrollbar">
<Table> <Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm"> <TableHeader className={commonStickyTableHeaderClass}>
<TableRow> <TableRow>
<TableHead> <TableHead>
{t("ui.admin.api_keys.list.table.name", "NAME")} {t("ui.admin.api_keys.list.table.name", "NAME")}

3
adminfront/src/features/audit/AuditLogsPage.tsx
View File

@@ -11,6 +11,7 @@ import {
} from "lucide-react"; } from "lucide-react";
import * as React from "react"; import * as React from "react";
import { import {
commonStickyTableHeaderClass,
commonTableShellClass, commonTableShellClass,
commonTableViewportClass, commonTableViewportClass,
} from "../../../../common/ui/table"; } from "../../../../common/ui/table";
@@ -261,7 +262,7 @@ function AuditLogsPage() {
<div className={commonTableShellClass}> <div className={commonTableShellClass}>
<div className={commonTableViewportClass}> <div className={commonTableViewportClass}>
<Table className="table-fixed"> <Table className="table-fixed">
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm"> <TableHeader className={commonStickyTableHeaderClass}>
<TableRow> <TableRow>
<TableHead className="w-[140px]"> <TableHead className="w-[140px]">
{t("ui.admin.audit.table.time", "TIME")} {t("ui.admin.audit.table.time", "TIME")}

5
adminfront/src/features/tenants/routes/TenantAdminsAndOwnersTab.tsx
View File

@@ -38,6 +38,7 @@ import {
TableHeader, TableHeader,
TableRow, TableRow,
} from "../../../components/ui/table"; } from "../../../components/ui/table";
import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
import { toast } from "../../../components/ui/use-toast"; import { toast } from "../../../components/ui/use-toast";
import { import {
type TenantAdmin, type TenantAdmin,
@@ -391,7 +392,7 @@ export function TenantAdminsAndOwnersTab() {
<div className="flex-1 rounded-md border overflow-hidden flex flex-col"> <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
<div className="flex-1 overflow-auto relative custom-scrollbar"> <div className="flex-1 overflow-auto relative custom-scrollbar">
<Table> <Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm"> <TableHeader className={commonStickyTableHeaderClass}>
<TableRow> <TableRow>
<TableHead className="w-[250px] font-bold"> <TableHead className="w-[250px] font-bold">
{t("ui.admin.tenants.owners.table_name", "이름")} {t("ui.admin.tenants.owners.table_name", "이름")}
@@ -480,7 +481,7 @@ export function TenantAdminsAndOwnersTab() {
<div className="flex-1 rounded-md border overflow-hidden flex flex-col"> <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
<div className="flex-1 overflow-auto relative custom-scrollbar"> <div className="flex-1 overflow-auto relative custom-scrollbar">
<Table> <Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm"> <TableHeader className={commonStickyTableHeaderClass}>
<TableRow> <TableRow>
<TableHead className="w-[250px] font-bold"> <TableHead className="w-[250px] font-bold">
{t("ui.admin.tenants.admins.table_name", "이름")} {t("ui.admin.tenants.admins.table_name", "이름")}

5
adminfront/src/features/tenants/routes/TenantGroupsPage.tsx
View File

@@ -50,6 +50,7 @@ import {
TableHeader, TableHeader,
TableRow, TableRow,
} from "../../../components/ui/table"; } from "../../../components/ui/table";
import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
import { toast } from "../../../components/ui/use-toast"; import { toast } from "../../../components/ui/use-toast";
import { import {
type GroupSummary, type GroupSummary,
@@ -513,7 +514,7 @@ function TenantGroupsPage() {
<div className="flex-1 rounded-md border overflow-hidden flex flex-col"> <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
<div className="flex-1 overflow-auto relative custom-scrollbar"> <div className="flex-1 overflow-auto relative custom-scrollbar">
<Table> <Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm"> <TableHeader className={commonStickyTableHeaderClass}>
<TableRow> <TableRow>
<TableHead> <TableHead>
{t("ui.admin.groups.table.name", "NAME")} {t("ui.admin.groups.table.name", "NAME")}
@@ -610,7 +611,7 @@ function TenantGroupsPage() {
<div className="flex-1 rounded-md border overflow-hidden flex flex-col"> <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
<div className="flex-1 overflow-auto relative custom-scrollbar"> <div className="flex-1 overflow-auto relative custom-scrollbar">
<Table> <Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm"> <TableHeader className={commonStickyTableHeaderClass}>
<TableRow> <TableRow>
<TableHead> <TableHead>
{t("ui.admin.groups.members.table.name", "이름")} {t("ui.admin.groups.members.table.name", "이름")}

3
adminfront/src/features/tenants/routes/TenantListPage.tsx
View File

@@ -39,6 +39,7 @@ import {
toggleSort, toggleSort,
} from "../../../../../common/core/utils"; } from "../../../../../common/core/utils";
import { import {
commonStickyTableHeaderClass,
commonTableShellClass, commonTableShellClass,
commonTableViewportClass, commonTableViewportClass,
} from "../../../../../common/ui/table"; } from "../../../../../common/ui/table";
@@ -942,7 +943,7 @@ function TenantListPage() {
<div className="max-h-[60vh] overflow-auto rounded-md border"> <div className="max-h-[60vh] overflow-auto rounded-md border">
<Table> <Table>
<TableHeader className="sticky top-0 bg-secondary"> <TableHeader className={commonStickyTableHeaderClass}>
<TableRow> <TableRow>
<TableHead className="w-[72px]"> <TableHead className="w-[72px]">
{t("ui.common.row", "행")} {t("ui.common.row", "행")}

3
adminfront/src/features/tenants/routes/TenantUsersPage.tsx
View File

@@ -32,6 +32,7 @@ import {
TableHeader, TableHeader,
TableRow, TableRow,
} from "../../../components/ui/table"; } from "../../../components/ui/table";
import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
import { toast } from "../../../components/ui/use-toast"; import { toast } from "../../../components/ui/use-toast";
import { fetchTenant, fetchUsers, updateUser } from "../../../lib/adminApi"; import { fetchTenant, fetchUsers, updateUser } from "../../../lib/adminApi";
import { t } from "../../../lib/i18n"; import { t } from "../../../lib/i18n";
@@ -124,7 +125,7 @@ function TenantUsersPage() {
<div className="flex-1 rounded-md border overflow-hidden flex flex-col"> <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
<div className="flex-1 overflow-auto relative custom-scrollbar"> <div className="flex-1 overflow-auto relative custom-scrollbar">
<Table> <Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm"> <TableHeader className={commonStickyTableHeaderClass}>
<TableRow> <TableRow>
<TableHead> <TableHead>
{t("ui.admin.tenants.members.table.name", "NAME")} {t("ui.admin.tenants.members.table.name", "NAME")}

3
adminfront/src/features/user-groups/routes/GlobalUserGroupListPage.tsx
View File

@@ -19,6 +19,7 @@ import {
TableHeader, TableHeader,
TableRow, TableRow,
} from "../../../components/ui/table"; } from "../../../components/ui/table";
import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
import { import {
type TenantSummary, type TenantSummary,
fetchAllTenants, fetchAllTenants,
@@ -87,7 +88,7 @@ function TenantGroupCard({ tenant }: { tenant: TenantSummary }) {
<div className="flex-1 rounded-md border overflow-hidden flex flex-col"> <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
<div className="flex-1 overflow-auto relative custom-scrollbar"> <div className="flex-1 overflow-auto relative custom-scrollbar">
<Table> <Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm"> <TableHeader className={commonStickyTableHeaderClass}>
<TableRow> <TableRow>
<TableHead className="w-[250px]">그룹명</TableHead> <TableHead className="w-[250px]">그룹명</TableHead>
<TableHead>설명</TableHead> <TableHead>설명</TableHead>

5
adminfront/src/features/user-groups/routes/UserGroupDetailPage.tsx
View File

@@ -38,6 +38,7 @@ import {
TableHeader, TableHeader,
TableRow, TableRow,
} from "../../../components/ui/table"; } from "../../../components/ui/table";
import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
import { toast } from "../../../components/ui/use-toast"; import { toast } from "../../../components/ui/use-toast";
import { import {
addGroupMember, addGroupMember,
@@ -348,7 +349,7 @@ export function UserGroupDetailPage() {
<div className="flex-1 rounded-md border overflow-hidden flex flex-col"> <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
<div className="flex-1 overflow-auto relative custom-scrollbar"> <div className="flex-1 overflow-auto relative custom-scrollbar">
<Table> <Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm"> <TableHeader className={commonStickyTableHeaderClass}>
<TableRow> <TableRow>
<TableHead className="font-bold"> <TableHead className="font-bold">
{t("ui.admin.users.list.table.name_email", "사용자")} {t("ui.admin.users.list.table.name_email", "사용자")}
@@ -533,7 +534,7 @@ export function UserGroupDetailPage() {
<div className="flex-1 rounded-md border overflow-hidden flex flex-col"> <div className="flex-1 rounded-md border overflow-hidden flex flex-col">
<div className="flex-1 overflow-auto relative custom-scrollbar"> <div className="flex-1 overflow-auto relative custom-scrollbar">
<Table> <Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm"> <TableHeader className={commonStickyTableHeaderClass}>
<TableRow> <TableRow>
<TableHead className="font-bold"> <TableHead className="font-bold">
{t("ui.admin.users.detail.form.tenant", "대상 테넌트")} {t("ui.admin.users.detail.form.tenant", "대상 테넌트")}