refactor(dev-only): align text-only cells correctly in table

This commit is contained in:
Aman Harwara
2022-12-24 21:54:18 +05:30
parent 577318e208
commit 03eac4353d

View File

@@ -45,7 +45,7 @@ function TableRow<Data>({
aria-colindex={cell.colIndex + 1}
key={index}
className={classNames(
'relative overflow-hidden border-b border-border py-3 px-3',
'relative flex items-center overflow-hidden border-b border-border py-3 px-3',
row.isSelected && 'bg-info-backdrop',
canSelectRows && 'cursor-pointer',
canSelectRows && isHovered && 'bg-contrast',
@@ -132,7 +132,7 @@ function Table<Data>({ table }: { table: Table<Data> }) {
)
})}
</div>
<div className="contents divide-y divide-border whitespace-nowrap">
<div className="contents whitespace-nowrap">
{rows.map((row, index) => (
<TableRow
row={row}