mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-07 04:20:12 +02:00
add compact image column styling
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user