cosmik.network
A social knowledge tool for researchers built on ATProto
feat: increase url card title line clamp
+4
-3
+2
-1
src/webapp/features/cards/components/urlCard/Skeleton.UrlCard.tsx
+2
-1
src/webapp/features/cards/components/urlCard/Skeleton.UrlCard.tsx
···
6
6
<Card withBorder radius={'lg'} p={'sm'} flex={1}>
7
7
<Stack justify="space-between" gap={'sm'} flex={1}>
8
8
<Group justify="space-between" align="start" gap={'lg'}>
9
-
<Stack gap={'xs'} flex={0.9}>
9
+
<Stack gap={'xs'} flex={1}>
10
10
<Stack gap={5}>
11
11
{/* Domain */}
12
12
<Skeleton w={80} h={14} />
13
13
{/* Title */}
14
+
<Skeleton w={'100%'} h={14} />
14
15
<Skeleton w={'100%'} h={14} />
15
16
</Stack>
16
17
+2
-2
src/webapp/features/cards/components/urlCard/UrlCard.tsx
+2
-2
src/webapp/features/cards/components/urlCard/UrlCard.tsx
···
34
34
<Card withBorder radius={'lg'} p={'sm'} flex={1}>
35
35
<Stack justify="space-between" gap={'sm'} flex={1}>
36
36
<Group justify="space-between" align="start" gap={'lg'}>
37
-
<Stack gap={0} flex={0.9}>
37
+
<Stack gap={0} flex={1}>
38
38
<Anchor
39
39
component={Link}
40
40
href={props.url}
···
45
45
{domain}
46
46
</Anchor>
47
47
{props.cardContent.title && (
48
-
<Text fw={500} lineClamp={1}>
48
+
<Text fw={500} lineClamp={2}>
49
49
{props.cardContent.title}
50
50
</Text>
51
51
)}