From c0cb01a117195dad1e8fe6ebe3f0c71561d8724a Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Wed, 7 Jan 2026 00:08:48 +0900
Subject: [PATCH] adapt table compact mode

---
 src/components/ui/table/Table.vue     | 4 +++-
 src/components/ui/table/TableCell.vue | 2 +-
 src/components/ui/table/TableHead.vue | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/table/Table.vue b/src/components/ui/table/Table.vue
index b2a26df4..a1446779 100644
--- a/src/components/ui/table/Table.vue
+++ b/src/components/ui/table/Table.vue
@@ -8,7 +8,9 @@
 
 <template>
     <div data-slot="table-container" class="relative w-full">
-        <table data-slot="table" :class="cn('w-full caption-bottom text-[13px]', props.class)">
+        <table
+            data-slot="table"
+            :class="cn('w-full caption-bottom text-[13px] in-[.is-compact-table]:text-[12px]', props.class)">
             <slot />
         </table>
     </div>
diff --git a/src/components/ui/table/TableCell.vue b/src/components/ui/table/TableCell.vue
index b47a0da1..ce44b8e2 100644
--- a/src/components/ui/table/TableCell.vue
+++ b/src/components/ui/table/TableCell.vue
@@ -11,7 +11,7 @@
         data-slot="table-cell"
         :class="
             cn(
-                'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+                'p-2 align-middle whitespace-nowrap in-[.is-compact-table]:py-1! in-[.is-compact-table]:px-2.5! [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-0.5',
                 props.class
             )
         ">
diff --git a/src/components/ui/table/TableHead.vue b/src/components/ui/table/TableHead.vue
index ab406134..971f2e4e 100644
--- a/src/components/ui/table/TableHead.vue
+++ b/src/components/ui/table/TableHead.vue
@@ -11,7 +11,7 @@
         data-slot="table-head"
         :class="
             cn(
-                'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+                'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap in-[.is-compact-table]:h-8! in-[.is-compact-table]:px-2.5! [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-0.5',
                 props.class
             )
         ">