nandi.uk
This repository has no description
semble
/
src
/
webapp
/
features
/
cards
/
components
/
urlCardContent
/
Skeleton.UrlCardContent.tsx
810 B
29 lines
1import { AspectRatio, Group, Skeleton, Stack } from '@mantine/core';
2
3export default function UrlCardContentSkeleton() {
4 return (
5 <Stack justify="space-between" flex={1}>
6 <Group justify="space-between" align="start" gap={'lg'}>
7 <Stack gap={'xs'} flex={1}>
8 <Stack gap={5}>
9 {/* Domain */}
10 <Skeleton w={80} h={21} />
11 {/* Title */}
12 <Skeleton w={'100%'} h={25} />
13 </Stack>
14
15 {/* Description */}
16 <Stack gap={5}>
17 <Skeleton w={'100%'} h={16} />
18 <Skeleton w={'100%'} h={16} />
19 <Skeleton w={'100%'} h={16} />
20 </Stack>
21 </Stack>
22
23 <AspectRatio ratio={1 / 1}>
24 <Skeleton w={75} h={75} />
25 </AspectRatio>
26 </Group>
27 </Stack>
28 );
29}