🐛 Fix line clamping in media display

This commit is contained in:
ajnart
2022-05-23 12:37:36 +02:00
parent 9b1b5906e7
commit ffd298a2b6

View File

@@ -30,7 +30,7 @@ function MediaDisplay(props: { media: IMedia }) {
})} })}
> >
<Group direction="column"> <Group direction="column">
<Group> <Group noWrap>
<Title order={3}>{media.title}</Title> <Title order={3}>{media.title}</Title>
<Anchor href={`https://www.imdb.com/title/${media.imdbId}`} target="_blank"> <Anchor href={`https://www.imdb.com/title/${media.imdbId}`} target="_blank">
<ActionIcon> <ActionIcon>
@@ -48,7 +48,9 @@ function MediaDisplay(props: { media: IMedia }) {
Season {media.seasonNumber} episode {media.episodeNumber} Season {media.seasonNumber} episode {media.episodeNumber}
</Text> </Text>
)} )}
<Text align="justify">{media.overview}</Text> <Text lineClamp={12} align="justify">
{media.overview}
</Text>
</Group> </Group>
{/*Add the genres at the bottom of the poster*/} {/*Add the genres at the bottom of the poster*/}
<Group> <Group>