1
0
forked from baron/baron-sso

style: fix table header stickiness and improve visibility for all list pages

This commit is contained in:
2026-03-19 13:30:16 +09:00
parent aff21f195b
commit 046acd3ca6
12 changed files with 20 additions and 20 deletions

View File

@@ -85,9 +85,9 @@ function TenantGroupCard({ tenant }: { tenant: TenantSummary }) {
</CardHeader>
<CardContent className="flex-1 flex flex-col min-h-0 pt-0">
<div className="flex-1 rounded-md border overflow-hidden flex flex-col">
<div className="flex-1 overflow-auto relative custom-scrollbar max-h-[400px]">
<div className="flex-1 overflow-auto relative custom-scrollbar">
<Table>
<TableHeader className="sticky top-0 bg-secondary/100 backdrop-blur z-10 shadow-sm">
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableRow>
<TableHead className="w-[250px]"></TableHead>
<TableHead></TableHead>

View File

@@ -228,7 +228,7 @@ const MemberTable: React.FC<{
}> = ({ members, isLoading, onRefresh, showTenant }) => (
<div className="border rounded-md overflow-hidden">
<Table>
<TableHeader className="bg-secondary/100 shadow-sm z-10">
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableRow>
<TableHead className="h-9">
{t("ui.admin.users.table.name", "NAME")}
@@ -1106,7 +1106,7 @@ function TenantUserGroupsTab() {
<div className="flex-1 rounded-md border-0 overflow-hidden flex flex-col">
<div className="flex-1 overflow-auto relative custom-scrollbar">
<Table>
<TableHeader className="sticky top-0 bg-secondary/100 backdrop-blur z-10 shadow-sm">
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableRow>
<TableHead className="pl-6 w-[40%]">
{t("ui.admin.tenants.table.name", "NAME")}

View File

@@ -351,7 +351,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 bg-secondary/100 backdrop-blur z-10 shadow-sm">
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableRow>
<TableHead className="font-bold">
{t("ui.admin.users.list.table.name_email", "사용자")}
@@ -536,7 +536,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 bg-secondary/100 backdrop-blur z-10 shadow-sm">
<TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableRow>
<TableHead className="font-bold">
{t("ui.admin.users.detail.form.tenant", "대상 테넌트")}