github/self
1
1
Fork 0
mirror of https://github.com/selfxyz/self.git synced 2026-01-24 14:08:07 -05:00
Code Issues Packages Projects Releases Wiki Activity

add max size to text in cards objects

Browse Source
This commit is contained in:
Rémi Colin
2024-02-08 14:27:36 +01:00
parent da510fa583
commit 0e85cb6aad
1 changed files with 37 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
app/src/components/AppCard.tsx
View File

@@ -22,44 +22,46 @@ const AppCard: React.FC<AppCardProps> = ({
selected
}) => {
return (
<Card
key={id}
elevation={0}
onTouchStart={onTouchStart}
bg="transparent"
>
<XStack w="100%"
<XStack
overflow="hidden"
borderColor={(selected) ? "#E0E0E0" : "white"}
borderWidth={(selected) ? 6 : 6}
borderRadius="$10">
<Card
key={id}
elevation={0}
onTouchStart={onTouchStart}
>
<Card.Header w="100%">
<XStack ai="center" py="$1" >
<YStack>
<H3 color={colorOfTheText} selectable={false} >{title}</H3>
<Text theme="alt2" color={colorOfTheText} selectable={false}>{description}</Text>
</YStack>
<XStack flex={1} />
<ChevronRight size="$4" color={colorOfTheText} />
</XStack>
</Card.Header>
{(
<Card.Background
animation="quick"
borderColor={(selected) ? "#E0E0E0" : "transparent"}
borderWidth={(selected) ? 3 : 0}
borderRadius="$10"
bg="#F0F0F0"
<XStack w="100%"
>
<Card.Header w="100%">
<XStack ai="center" py="$1" >
<YStack width={235}>
<H3 color={colorOfTheText} selectable={false} >{title}</H3>
<Text theme="alt2" color={colorOfTheText} selectable={false}>{description}</Text>
</YStack>
<XStack flex={1} />
<ChevronRight size="$4" color={colorOfTheText} minWidth="$4" />
</XStack>
</Card.Header>
{(
<Card.Background
>
{background && <Image
flex={1}
source={{
uri: background
}}
/>}
</Card.Background>
)}
</XStack>
</Card >
>
{background && <Image
flex={1}
source={{
uri: background
}}
/>}
</Card.Background>
)}
</XStack>
</Card >
</XStack>
);
}