nandi.uk
This repository has no description
Merge branch 'development'
author
pdelfan
date
(May 6, 2026, 5:38 PM -0700)
commit
89c89183
89c891835c64550468345f896830d3ea85a153f2
parent
c6b7196f
c6b7196f6717b10798315fe0d09eeef1c8c55323
+13
-8
+13
-8
src/webapp/features/settings/components/accountSummary/Skeleton.AccountSummary.tsx
+13
-8
src/webapp/features/settings/components/accountSummary/Skeleton.AccountSummary.tsx
···
1
-
import { Stack, Avatar, Skeleton } from '@mantine/core';
1
+
import { Card, Group, Stack, Skeleton } from '@mantine/core';
2
+
import classes from './AccountSummary.module.css';
2
3
3
4
export default function AccountSummarySkeleton() {
4
5
return (
5
-
<Stack align="center">
6
-
<Avatar size={'xl'} radius={'lg'} />
7
-
<Stack gap={'xs'} align="center">
8
-
<Skeleton w={100} h={28} />
9
-
<Skeleton w={80} h={18} />
10
-
</Stack>
11
-
</Stack>
6
+
<Card p={'sm'} radius={'lg'} classNames={{ root: classes.root }}>
7
+
<Group gap={'xs'}>
8
+
<Skeleton width={56} height={56} radius={'md'} />
9
+
<Stack gap={'xs'}>
10
+
<Stack gap={0}>
11
+
<Skeleton w={120} h={22} />
12
+
<Skeleton w={90} h={22} mt={4} />
13
+
</Stack>
14
+
</Stack>
15
+
</Group>
16
+
</Card>
12
17
);
13
18
}