Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-15 09:46:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

Try fixing previews

Browse Source
This commit is contained in:
ajnart
2023-02-05 19:37:21 +09:00
parent e27aa51b4d
commit 2588134b58
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/widgets/calendar/MediaList.tsx
View File

@@ -1,4 +1,5 @@
import { createStyles, Divider, ScrollArea } from '@mantine/core'; import { createStyles, Divider, ScrollArea } from '@mantine/core';
import { useViewportSize } from '@mantine/hooks';
import React from 'react'; import React from 'react';
import { import {
LidarrMediaDisplay, LidarrMediaDisplay,
@@ -14,11 +15,19 @@ interface MediaListProps {
export const MediaList = ({ medias }: MediaListProps) => { export const MediaList = ({ medias }: MediaListProps) => {
const { classes } = useStyles(); const { classes } = useStyles();
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={{ height: 450, minHeight: 210, maxWidth: '90vw' }} style={{
height: maxMediaDisplayed <= 5 ? maxMediaDisplayed * MEDIA_HEIGHT : 5 * MEDIA_HEIGHT,
minHeight: 210,
maxWidth: '90vw',
}}
offsetScrollbars offsetScrollbars
pt={5} pt={5}
className={classes.scrollArea} className={classes.scrollArea}