diff --git a/packages/gitbook/src/components/DocumentView/Table/RecordColumnValue.tsx b/packages/gitbook/src/components/DocumentView/Table/RecordColumnValue.tsx index d5ddcdc491..aa1bf45b86 100644 --- a/packages/gitbook/src/components/DocumentView/Table/RecordColumnValue.tsx +++ b/packages/gitbook/src/components/DocumentView/Table/RecordColumnValue.tsx @@ -115,7 +115,7 @@ export async function RecordColumnValue( return {''}; } - const alignment = getColumnAlignment(definition); + const horizontalAlignment = `[&_*]:${getColumnAlignment(definition)} ${getColumnAlignment(definition)}`; return ( ( 'lg:space-y-3', 'leading-normal', verticalAlignment, - alignment === 'right' ? 'text-right' : null, - alignment === 'center' ? 'text-center' : null, + horizontalAlignment, ]} context={context} blockStyle={['w-full', 'max-w-[unset]']} diff --git a/packages/gitbook/src/components/DocumentView/Table/ViewGrid.tsx b/packages/gitbook/src/components/DocumentView/Table/ViewGrid.tsx index 65bae8e0b8..50aa13565b 100644 --- a/packages/gitbook/src/components/DocumentView/Table/ViewGrid.tsx +++ b/packages/gitbook/src/components/DocumentView/Table/ViewGrid.tsx @@ -42,32 +42,28 @@ export function ViewGrid(props: TableViewProps) { )} >
- {view.columns.map((column) => { - const alignment = getColumnAlignment(block.data.definition[column]); - return ( -
- {block.data.definition[column].title} -
- ); - })} + {view.columns.map((column) => ( +
+ {block.data.definition[column].title} +
+ ))}
)} diff --git a/packages/gitbook/src/components/DocumentView/Table/table.module.css b/packages/gitbook/src/components/DocumentView/Table/table.module.css index 4b602a607c..53065b9d67 100644 --- a/packages/gitbook/src/components/DocumentView/Table/table.module.css +++ b/packages/gitbook/src/components/DocumentView/Table/table.module.css @@ -23,7 +23,7 @@ } .columnHeader { - @apply text-sm font-medium py-2 px-4 text-tint-strong; + @apply text-sm font-medium py-2 px-3 text-tint-strong; } .row { diff --git a/packages/gitbook/src/components/DocumentView/Table/utils.ts b/packages/gitbook/src/components/DocumentView/Table/utils.ts index 01bd82bcd6..1fc95b357e 100644 --- a/packages/gitbook/src/components/DocumentView/Table/utils.ts +++ b/packages/gitbook/src/components/DocumentView/Table/utils.ts @@ -1,4 +1,5 @@ import type { ContentRef, DocumentTableDefinition, DocumentTableRecord } from '@gitbook/api'; +import assertNever from 'assert-never'; /** * Get the value for a column in a record. @@ -14,11 +15,24 @@ export function getRecordValue