mirror of
https://github.com/ajnart/homarr.git
synced 2025-11-17 02:31:18 +01:00
Rework media display for Overseerr
Looks a lot better on mobile, fixes #502
This commit is contained in:
@@ -180,7 +180,7 @@ export function MediaDisplay({ media }: { media: IMedia }) {
|
||||
const { t } = useTranslation('modules/common-media-cards');
|
||||
|
||||
return (
|
||||
<Group mr="xs" align="stretch" noWrap style={{ maxHeight: 250, maxWidth: 400 }} spacing="xs">
|
||||
<Group noWrap style={{ maxHeight: 250, maxWidth: 400 }} p={0} m={0} spacing="xs">
|
||||
<Image src={media.poster} height={200} width={150} radius="md" fit="cover" />
|
||||
<Stack justify="space-around">
|
||||
<Stack spacing="sm">
|
||||
@@ -223,7 +223,7 @@ export function MediaDisplay({ media }: { media: IMedia }) {
|
||||
{media.overview}
|
||||
</Text>
|
||||
</Stack>
|
||||
<Group noWrap>
|
||||
<Group spacing="xs">
|
||||
{media.plexUrl && (
|
||||
<Button
|
||||
component="a"
|
||||
|
||||
Reference in New Issue
Block a user