Merge pull request #1556 from Tagaishi/media-request-wrapping-fix

🐛 Media Request wrapping fix with line clamp
This commit is contained in:
Tagaishi
2023-11-07 05:52:23 +01:00
committed by GitHub

View File

@@ -141,7 +141,7 @@ function MediaRequestListTile({ widget }: MediaRequestListWidgetProps) {
<Stack> <Stack>
{sortedData.map((item, index) => ( {sortedData.map((item, index) => (
<Card radius="md" withBorder key={index}> <Card radius="md" withBorder key={index}>
<Flex wrap="wrap" justify="space-between" gap="md"> <Flex wrap="nowrap" justify="space-between" gap="md">
<Flex gap="md"> <Flex gap="md">
<Image <Image
src={item.posterPath} src={item.posterPath}
@@ -161,7 +161,7 @@ function MediaRequestListTile({ widget }: MediaRequestListWidgetProps) {
target={widget.properties.openInNewTab ? '_blank' : '_self'} target={widget.properties.openInNewTab ? '_blank' : '_self'}
c={mantineTheme.colorScheme === 'dark' ? 'gray.3' : 'gray.8'} c={mantineTheme.colorScheme === 'dark' ? 'gray.3' : 'gray.8'}
> >
{item.name} <Text lineClamp={1}>{item.name}</Text>
</Anchor> </Anchor>
</Stack> </Stack>
</Flex> </Flex>