songtianlun/prmbr-image-mksaas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update PasswordCardWrapper to include CardFooter with skeleton loading state

Browse Source
This commit is contained in:
javayhu 2025-08-23 08:55:02 +08:00
parent 1be26638fc
commit ffe5bc4ea5
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/settings/security/password-card-wrapper.tsx
View File

@ -6,6 +6,7 @@ import {
Card, Card,
CardContent, CardContent,
CardDescription, CardDescription,
CardFooter,
CardHeader, CardHeader,
CardTitle, CardTitle,
} from '@/components/ui/card'; } from '@/components/ui/card';
@ -57,7 +58,7 @@ export function PasswordCardWrapper() {
function PasswordSkeletonCard() { function PasswordSkeletonCard() {
const t = useTranslations('Dashboard.settings.security.updatePassword'); const t = useTranslations('Dashboard.settings.security.updatePassword');
return ( return (
<Card className={cn('w-full overflow-hidden pt-6 pb-6 flex flex-col')}> <Card className={cn('w-full overflow-hidden pt-6 pb-0 flex flex-col')}>
<CardHeader> <CardHeader>
<CardTitle className="text-lg font-semibold">{t('title')}</CardTitle> <CardTitle className="text-lg font-semibold">{t('title')}</CardTitle>
<CardDescription>{t('description')}</CardDescription> <CardDescription>{t('description')}</CardDescription>
@ -67,9 +68,10 @@ function PasswordSkeletonCard() {
<Skeleton className="h-6 w-full" /> <Skeleton className="h-6 w-full" />
<Skeleton className="h-5 w-1/2" /> <Skeleton className="h-5 w-1/2" />
<Skeleton className="h-6 w-full" /> <Skeleton className="h-6 w-full" />
<Skeleton className="h-5 w-3/4" />
<Skeleton className="h-6 w-full" />
</CardContent> </CardContent>
<CardFooter className="px-6 py-4 flex justify-end items-center bg-background rounded-none">
<Skeleton className="h-10 w-1/4" />
</CardFooter>
</Card> </Card>
); );
} }