mirror of
https://github.com/ajnart/homarr.git
synced 2025-11-10 07:25:48 +01:00
Change calendar media style
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user