cosmik.network
A social knowledge tool for researchers built on ATProto
fix: extra padding on collections container skeleton
+8
-10
+8
-10
src/webapp/features/semble/containers/sembleCollectionsContainer/Skeleton.SembleCollectionsContainer.tsx
+8
-10
src/webapp/features/semble/containers/sembleCollectionsContainer/Skeleton.SembleCollectionsContainer.tsx
···
1
-
import { Container, SimpleGrid, Stack } from '@mantine/core';
1
+
import { SimpleGrid, Stack } from '@mantine/core';
2
2
import CollectionCardSkeleton from '@/features/collections/components/collectionCard/Skeleton.CollectionCard';
3
3
4
4
export default function SembleCollectionsContainerSkeleton() {
5
5
return (
6
-
<Container p="xs" size="xl">
7
-
<Stack>
8
-
<SimpleGrid cols={{ base: 1, sm: 2, lg: 4 }} spacing="md">
9
-
{Array.from({ length: 4 }).map((_, i) => (
10
-
<CollectionCardSkeleton key={i} />
11
-
))}
12
-
</SimpleGrid>
13
-
</Stack>
14
-
</Container>
6
+
<Stack>
7
+
<SimpleGrid cols={{ base: 1, sm: 2, lg: 4 }} spacing="md">
8
+
{Array.from({ length: 4 }).map((_, i) => (
9
+
<CollectionCardSkeleton key={i} />
10
+
))}
11
+
</SimpleGrid>
12
+
</Stack>
15
13
);
16
14
}