Fix issues for table header

- set a correct size - remove the `textTransform` property
thesis · Jan 15, 2024 · aa5b5a0 · aa5b5a0
1 parent 6707154
commit aa5b5a0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/dapp/src/components/TransactionHistory/Table/columns.tsx b/dapp/src/components/TransactionHistory/Table/columns.tsx
@@ -25,7 +25,7 @@ export const COLUMNS: ColumnDef<StakeHistory, any>[] = [
     ),
   }),
   columnHelper.display({
-    header: "action",
+    header: "Action",
     cell: ({ row: { original } }) => (
       <CustomCell
         type="text"

diff --git a/dapp/src/theme/Table.ts b/dapp/src/theme/Table.ts
@@ -33,6 +33,13 @@ const variantDoubleRowTd = defineStyle({
   },
 })
 
+const variantDoubleRowTh = defineStyle({
+  textTransform: "none",
+  fontWeight: "semibold",
+  fontSize: "sm",
+  lineHeight: "sm",
+})
+
 const variantDoubleRowCellContainer = defineStyle({
   display: "flex",
   flexDirection: "column",
@@ -50,6 +57,7 @@ const variantDoubleRowDivider = defineStyle({
 const variantDoubleRow = definePartsStyle({
   table: variantDoubleRowTable,
   td: variantDoubleRowTd,
+  th: variantDoubleRowTh,
   cellContainer: variantDoubleRowCellContainer,
   cell: variantDoubleRowCell,
   divider: variantDoubleRowDivider,