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

Rework media display

Browse Source
This commit is contained in:
ajnart
2023-01-11 08:42:52 +09:00
parent 79074f960f
commit 9f8db259a4
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/modules/common/MediaDisplay.tsx
View File

@@ -180,14 +180,19 @@ export function MediaDisplay({ media }: { media: IMedia }) {
const { t } = useTranslation('modules/common-media-cards'); const { t } = useTranslation('modules/common-media-cards');
return ( return (
<Group mr="xs" align="stretch" noWrap style={{ maxHeight: 200 }} spacing="xs"> <Group mr="xs" align="stretch" noWrap style={{ maxHeight: 250, maxWidth: 400 }} spacing="xs">
<Image src={media.poster} height={200} width={150} radius="md" fit="cover" /> <Image src={media.poster} height={200} width={150} radius="md" fit="cover" />
<Stack justify="space-around"> <Stack justify="space-around">
<Stack spacing="sm"> <Stack spacing="sm">
<Text lineClamp={2}> <Text lineClamp={2}>
<Title order={5}>{media.title}</Title> <Title order={5}>{media.title}</Title>
</Text> </Text>
<Group spacing="xs"> <Group
spacing={5}
style={{
maxWidth: 250,
}}
>
{media.type === 'tvshow' && ( {media.type === 'tvshow' && (
<Badge variant="dot" size="xs" radius="md" color="blue"> <Badge variant="dot" size="xs" radius="md" color="blue">
s{media.seasonNumber}e{media.episodeNumber} - {media.episodetitle} s{media.seasonNumber}e{media.episodeNumber} - {media.episodetitle}