1
0
forked from baron/baron-sso

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

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

View File

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

View File

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

View File

@@ -38,6 +38,7 @@ import {
TableHeader,
TableRow,
} from "../../../components/ui/table";
import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
import { toast } from "../../../components/ui/use-toast";
import {
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 overflow-auto relative custom-scrollbar">
<Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableHeader className={commonStickyTableHeaderClass}>
<TableRow>
<TableHead className="w-[250px] font-bold">
{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 overflow-auto relative custom-scrollbar">
<Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableHeader className={commonStickyTableHeaderClass}>
<TableRow>
<TableHead className="w-[250px] font-bold">
{t("ui.admin.tenants.admins.table_name", "이름")}

View File

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

View File

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

View File

@@ -32,6 +32,7 @@ import {
TableHeader,
TableRow,
} from "../../../components/ui/table";
import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
import { toast } from "../../../components/ui/use-toast";
import { fetchTenant, fetchUsers, updateUser } from "../../../lib/adminApi";
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 overflow-auto relative custom-scrollbar">
<Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableHeader className={commonStickyTableHeaderClass}>
<TableRow>
<TableHead>
{t("ui.admin.tenants.members.table.name", "NAME")}

View File

@@ -19,6 +19,7 @@ import {
TableHeader,
TableRow,
} from "../../../components/ui/table";
import { commonStickyTableHeaderClass } from "../../../../../common/ui/table";
import {
type TenantSummary,
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 overflow-auto relative custom-scrollbar">
<Table>
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableHeader className={commonStickyTableHeaderClass}>
<TableRow>
<TableHead className="w-[250px]"></TableHead>
<TableHead></TableHead>

View File

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