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;
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 {
@@ -15,7 +17,12 @@ export const ImageColumn = (props: ItemTableListInnerColumn) => {
if (typeof row === 'string') {
return (
<TableColumnContainer {...props}>
<Image src={row} />
<Image
containerClassName={clsx({
[styles.compactImageContainer]: props.size === 'compact',
})}
src={row}
/>
</TableColumnContainer>
);
}