rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Aman Harwara
2022-12-24 21:54:18 +05:30
parent 577318e208
commit 03eac4353d
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/javascripts/Components/Table/Table.tsx
View File

@@ -45,7 +45,7 @@ function TableRow<Data>({
aria-colindex={cell.colIndex + 1} aria-colindex={cell.colIndex + 1}
key={index} key={index}
className={classNames( 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', row.isSelected && 'bg-info-backdrop',
canSelectRows && 'cursor-pointer', canSelectRows && 'cursor-pointer',
canSelectRows && isHovered && 'bg-contrast', canSelectRows && isHovered && 'bg-contrast',
@@ -132,7 +132,7 @@ function Table<Data>({ table }: { table: Table<Data> }) {
) )
})} })}
</div> </div>
<div className="contents divide-y divide-border whitespace-nowrap"> <div className="contents whitespace-nowrap">
{rows.map((row, index) => ( {rows.map((row, index) => (
<TableRow <TableRow
row={row} row={row}