fix DownloadItem show title row styling

This commit is contained in:
Jorrin
2024-04-13 21:56:20 +02:00
parent e83054c1ca
commit 8d1ec8f1dc
2 changed files with 9 additions and 4 deletions

View File

@@ -41,7 +41,7 @@ export default function Page() {
title: download?.media.title ?? "Downloads", title: download?.media.title ?? "Downloads",
}} }}
/> />
<YStack gap="$3"> <YStack gap="$4">
{download?.downloads.map((download) => { {download?.downloads.map((download) => {
return ( return (
<DownloadItem <DownloadItem

View File

@@ -100,9 +100,14 @@ export function DownloadItem(props: DownloadItemProps) {
height="100%" height="100%"
/> />
</View> </View>
<YStack gap="$2"> <YStack gap="$2" flex={1}>
<XStack gap="$6" maxWidth="65%"> <XStack justifyContent="space-between" alignItems="center">
<Text fontWeight="$bold" ellipse flexGrow={1}> <Text
fontWeight="$bold"
numberOfLines={1}
ellipsizeMode="tail"
flex={1}
>
{props.item.media.type === "show" && {props.item.media.type === "show" &&
`${mapSeasonAndEpisodeNumberToText( `${mapSeasonAndEpisodeNumberToText(
props.item.media.season.number, props.item.media.season.number,