update: replace table component

2026-09-02 10:10:41 +08:00
parent c2f153cabd
commit 2a81b98309
8 changed files with 459 additions and 321 deletions
@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+
+// Column widths derived from the original CSS-grid fr ratios.
+// 32+22+15+14+17 = 100; 20+23+14+16+27 = 100.
+export const USER_PROJECT_COL_WIDTHS = [32, 22, 15, 14, 17] as const;
+export const ROLE_COL_WIDTHS = [20, 23, 14, 16, 27] as const;
+
+export type AdminColumnWidths = readonly number[];
+
+export function AdminColgroup({ widths }: { widths: AdminColumnWidths }): ReactNode {
+  return (
+    <colgroup>
+      {widths.map((width, index) => (
+        <col key={index} style={{ width: `${width}%` }} />
+      ))}
+    </colgroup>
+  );
+}