nandi.uk
This repository has no description
semble
/
src
/
webapp
/
features
/
collections
/
components
/
collectionCardPreview
/
Skeleton.CollectionCardPreview.tsx
615 B
25 lines
1import { AspectRatio, Box, Group, Skeleton } from '@mantine/core';
2
3const CARD_WIDTH = 120;
4
5export default function CollectionCardPreviewSkeleton() {
6 return (
7 <Box
8 style={{
9 overflowX: 'auto',
10 scrollbarWidth: 'none',
11 msOverflowStyle: 'none',
12 }}
13 >
14 <Group gap={'xs'} grow wrap="nowrap">
15 {Array.from({ length: 4 }).map((_, i) => (
16 <Box key={i} w={CARD_WIDTH} miw={CARD_WIDTH}>
17 <AspectRatio ratio={16 / 9}>
18 <Skeleton radius={'md'} />
19 </AspectRatio>
20 </Box>
21 ))}
22 </Group>
23 </Box>
24 );
25}