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

chore: adjust skeleton component heights in billing and password cards for improved loading state visibility

Browse Source
This commit is contained in:
javayhu 2025-08-23 09:00:13 +08:00
parent ffe5bc4ea5
commit 6927f4b234
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/settings/billing/billing-card.tsx
View File

@ -111,14 +111,14 @@ export default function BillingCard() {
</CardHeader> </CardHeader>
<CardContent className="space-y-4 flex-1"> <CardContent className="space-y-4 flex-1">
<div className="flex items-center justify-start space-x-4"> <div className="flex items-center justify-start space-x-4">
<Skeleton className="h-6 w-1/5" /> <Skeleton className="h-8 w-1/5" />
</div> </div>
<div className="text-sm text-muted-foreground space-y-2"> <div className="text-sm text-muted-foreground space-y-2">
<Skeleton className="h-6 w-3/5" /> <Skeleton className="h-6 w-3/5" />
</div> </div>
</CardContent> </CardContent>
<CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-background rounded-none"> <CardFooter className="mt-2 px-6 py-4 flex justify-end items-center bg-background rounded-none">
<Skeleton className="h-10 w-1/2" /> <Skeleton className="h-8 w-1/4" />
</CardFooter> </CardFooter>
</Card> </Card>
); );

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

@ -70,7 +70,7 @@ function PasswordSkeletonCard() {
<Skeleton className="h-6 w-full" /> <Skeleton className="h-6 w-full" />
</CardContent> </CardContent>
<CardFooter className="px-6 py-4 flex justify-end items-center bg-background rounded-none"> <CardFooter className="px-6 py-4 flex justify-end items-center bg-background rounded-none">
<Skeleton className="h-10 w-1/4" /> <Skeleton className="h-8 w-1/4" />
</CardFooter> </CardFooter>
</Card> </Card>
); );