🐛 Media Request wrapping fix with line clamp

This commit is contained in:
Tagaishi
2023-11-06 06:13:35 +01:00
parent f76c9f1d68
commit cd4dfb1707

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>