From 0d84dbcde1ebb4cf0a60999926e083a87bfa3068 Mon Sep 17 00:00:00 2001 From: kyy Date: Thu, 14 May 2026 13:07:46 +0900 Subject: [PATCH] =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=B8=94=20=ED=97=A4?= =?UTF-8?q?=EB=8D=94=20=EB=B0=B0=EA=B2=BD=20=EB=B0=8F=20sticky=20surface?= =?UTF-8?q?=20=EA=B3=B5=ED=86=B5=20=ED=86=A0=ED=81=B0=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common/core/components/sort/SortableTableHead.tsx | 7 +++++-- common/ui/table.ts | 3 +++ 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/common/core/components/sort/SortableTableHead.tsx b/common/core/components/sort/SortableTableHead.tsx index e9c89117..18b12345 100644 --- a/common/core/components/sort/SortableTableHead.tsx +++ b/common/core/components/sort/SortableTableHead.tsx @@ -1,12 +1,15 @@ import type { ReactNode, ThHTMLAttributes } from "react"; import type { SortConfig } from "../../utils"; -import { commonTableHeadClass } from "../../../ui/table"; +import { + commonStickyTableHeaderClass, + commonTableHeadClass, +} from "../../../ui/table"; export const sortableTableHeadBaseClassName = commonTableHeadClass; export const sortableTableHeaderClassName = - "sticky top-0 z-10 bg-secondary shadow-sm"; + commonStickyTableHeaderClass; function SortAscendingIcon() { return ( diff --git a/common/ui/table.ts b/common/ui/table.ts index feafc531..9e9d1780 100644 --- a/common/ui/table.ts +++ b/common/ui/table.ts @@ -1,6 +1,9 @@ export const commonTableWrapperClass = "relative w-full"; export const commonTableClass = "w-full caption-bottom text-sm"; export const commonTableHeaderClass = "[&_tr]:border-b"; +export const commonTableHeaderSurfaceClass = "bg-secondary shadow-sm"; +export const commonStickyTableHeaderClass = + "sticky top-0 z-10 bg-secondary shadow-sm"; export const commonTableBodyClass = "[&_tr:last-child]:border-0"; export const commonTableFooterClass = "bg-muted/50 font-medium text-foreground"; export const commonTableRowClass =