MediaAttachmentGrid: improve layout as length % 2
This commit is contained in:
parent
b853b01304
commit
050dc1c2a3
1 changed files with 22 additions and 12 deletions
|
@ -51,9 +51,19 @@ const MediaAttachmentGrid: Component<{
|
||||||
setViewerIndex(index);
|
setViewerIndex(index);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const columnCount = () => {
|
||||||
|
if (props.attachments.length === 1) {
|
||||||
|
return 1;
|
||||||
|
} else if (props.attachments.length % 2 === 0) {
|
||||||
|
return 2;
|
||||||
|
} else {
|
||||||
|
return 3;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
css`
|
css`
|
||||||
.attachments {
|
.attachments {
|
||||||
column-count: ${(props.attachments.length === 1 ? 1 : 3).toString()};
|
column-count: ${columnCount.toString()};
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
return (
|
return (
|
||||||
|
|
Loading…
Reference in a new issue