highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-10-02 17:11:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

show max 5 lines for open graph cards

Browse Source 
fix title overflowing
fixes !17
This commit is contained in:
hzrd149
2023-09-20 08:59:10 -05:00
parent 4b5445a7c7
commit c3115f0401
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/open-graph-card.tsx
View File

@@ -47,13 +47,13 @@ export default function OpenGraphCard({ url, ...props }: { url: URL } & Omit<Car
mx={isVertical ? "auto" : 0} mx={isVertical ? "auto" : 0}
/> />
)} )}
<Box p="2"> <Box p="2" overflow="hidden">
<Heading size="sm"> <Heading size="sm" isTruncated>
<LinkOverlay href={url.toString()} isExternal> <LinkOverlay href={url.toString()} isExternal>
{data.ogTitle?.trim() ?? data.dcTitle?.trim()} {data.ogTitle?.trim() ?? data.dcTitle?.trim()}
</LinkOverlay> </LinkOverlay>
</Heading> </Heading>
<Text isTruncated>{data.ogDescription || data.dcDescription}</Text> <Text noOfLines={5}>{data.ogDescription || data.dcDescription}</Text>
{link} {link}
</Box> </Box>
</LinkBox> </LinkBox>