Change calendar media style

This commit is contained in:
ajnart
2023-02-05 21:09:21 +09:00
parent 2588134b58
commit cc9317b31c

View File

@@ -17,15 +17,11 @@ export const MediaList = ({ medias }: MediaListProps) => {
const { classes } = useStyles(); const { classes } = useStyles();
const { height } = useViewportSize(); const { height } = useViewportSize();
const lastMediaType = getLastMediaType(medias); const lastMediaType = getLastMediaType(medias);
const MEDIA_HEIGHT = 250;
// Euclidean division to get the number of media displayed
const maxMediaDisplayed = Math.floor(height / MEDIA_HEIGHT);
return ( return (
<ScrollArea <ScrollArea
style={{ style={{
height: maxMediaDisplayed <= 5 ? maxMediaDisplayed * MEDIA_HEIGHT : 5 * MEDIA_HEIGHT, height: 230,
minHeight: 210,
maxWidth: '90vw', maxWidth: '90vw',
}} }}
offsetScrollbars offsetScrollbars