feat: fixed table width

sogang-icpc-team · Oct 6, 2024 · 5b878e9 · 5b878e9
1 parent 9cfa3ab
commit 5b878e9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/common/ui/award/award-table.tsx b/src/common/ui/award/award-table.tsx
@@ -1,5 +1,16 @@
 import { Table } from "@ui/table/table";
 import { AwardBadge, TAwardBadgeVariant } from "@ui/award-badge/award-badge";
+import { CSSProperties } from "react";
+
+const columnStyle = (headerContent: string): CSSProperties | undefined => {
+  if (headerContent === "#") {
+    return { width: "6em" };
+  }
+  if (headerContent === "=") {
+    return { width: "6em" };
+  }
+  return undefined;
+};
 
 export const AwardTable = ({
   columns,
@@ -16,7 +27,9 @@ export const AwardTable = ({
         <Table.Header>
           <Table.Row>
             {columns.map((h, i) => (
-              <Table.Head key={i}>{h}</Table.Head>
+              <Table.Head key={i} style={columnStyle(h)}>
+                {h}
+              </Table.Head>
             ))}
           </Table.Row>
         </Table.Header>

diff --git a/src/common/ui/table/table.tsx b/src/common/ui/table/table.tsx
@@ -52,7 +52,7 @@ const _TableCell = ({
 export const TableCell = styled(_TableCell)`
   padding: 8px;
   text-align: center;
-  vertical-align: top;
+  vertical-align: baseline;
 
   border: 1px solid #ddd;
 `;
@@ -103,6 +103,7 @@ export const Table = styled(_Table)`
   width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
+  table-layout: fixed;
 ` as unknown as typeof _Table & {
   Wrapper: typeof TableWrapper;
   Header: typeof TableHeader;