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