zen/core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

refactor(ui): move hover background styles from tr to td using group utility

Browse Source
This commit is contained in:
Hyko
2026-04-22 17:15:51 -04:00
parent 5bd40dd19d
commit 0f42f202a2
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/shared/components/Table.js
+2 -2
View File
@@ -297,12 +297,12 @@ const Table = ({
return ( return (
<tr <tr
key={item.id || index} key={item.id || index}
className={`hover:bg-neutral-50 dark:hover:bg-neutral-950 transition-colors ${onRowClick ? 'cursor-pointer' : ''} ${extraClassName || ''}`} className={`group transition-colors ${onRowClick ? 'cursor-pointer' : ''} ${extraClassName || ''}`}
onClick={onRowClick ? () => onRowClick(item) : undefined} onClick={onRowClick ? () => onRowClick(item) : undefined}
{...rowExtraProps} {...rowExtraProps}
> >
{columns.map((column, colIdx) => ( {columns.map((column, colIdx) => (
<td key={column.key} className={`${sizeClasses.cell} ${column.noWrap !== false ? '' : 'whitespace-nowrap'} ${isLast && colIdx === 0 ? 'rounded-bl-xl' : ''} ${isLast && colIdx === columns.length - 1 ? 'rounded-br-xl' : ''}`}> <td key={column.key} className={`${sizeClasses.cell} ${column.noWrap !== false ? '' : 'whitespace-nowrap'} group-hover:bg-neutral-50 dark:group-hover:bg-neutral-950 transition-colors ${isLast && colIdx === 0 ? 'rounded-bl-xl' : ''} ${isLast && colIdx === columns.length - 1 ? 'rounded-br-xl' : ''}`}>
{renderCellContent(item, column)} {renderCellContent(item, column)}
</td> </td>
))} ))}