add compact image column styling

This commit is contained in:
jeffvli
2025-11-23 01:05:07 -08:00
parent cfb1f63567
commit f3b7d776e8
2 changed files with 12 additions and 1 deletions
@@ -2,3 +2,7 @@
width: initial; width: initial;
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
} }
.compact-image-container {
width: 100%;
}
@@ -1,3 +1,5 @@
import clsx from 'clsx';
import styles from './image-column.module.css'; import styles from './image-column.module.css';
import { import {
@@ -15,7 +17,12 @@ export const ImageColumn = (props: ItemTableListInnerColumn) => {
if (typeof row === 'string') { if (typeof row === 'string') {
return ( return (
<TableColumnContainer {...props}> <TableColumnContainer {...props}>
<Image src={row} /> <Image
containerClassName={clsx({
[styles.compactImageContainer]: props.size === 'compact',
})}
src={row}
/>
</TableColumnContainer> </TableColumnContainer>
); );
} }