From 6927f4b234195203797e216a7d0a0a9e42fdf147 Mon Sep 17 00:00:00 2001
From: javayhu <javayhu@gmail.com>
Date: Sat, 23 Aug 2025 09:00:13 +0800
Subject: [PATCH] chore: adjust skeleton component heights in billing and
 password cards for improved loading state visibility

---
 src/components/settings/billing/billing-card.tsx           | 4 ++--
 src/components/settings/security/password-card-wrapper.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/settings/billing/billing-card.tsx b/src/components/settings/billing/billing-card.tsx
index 8b2f95b..1be005d 100644
--- a/src/components/settings/billing/billing-card.tsx
+++ b/src/components/settings/billing/billing-card.tsx
@@ -111,14 +111,14 @@ export default function BillingCard() {
         </CardHeader>
         <CardContent className="space-y-4 flex-1">
           <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 className="text-sm text-muted-foreground space-y-2">
             <Skeleton className="h-6 w-3/5" />
           </div>
         </CardContent>
         <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>
       </Card>
     );
diff --git a/src/components/settings/security/password-card-wrapper.tsx b/src/components/settings/security/password-card-wrapper.tsx
index 03ebda1..29f7709 100644
--- a/src/components/settings/security/password-card-wrapper.tsx
+++ b/src/components/settings/security/password-card-wrapper.tsx
@@ -70,7 +70,7 @@ function PasswordSkeletonCard() {
         <Skeleton className="h-6 w-full" />
       </CardContent>
       <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>
     </Card>
   );