From de7e87e5b8c815adebcbe3cc1c44391a27154865 Mon Sep 17 00:00:00 2001
From: javayhu <javayhu@gmail.com>
Date: Wed, 27 Aug 2025 00:35:00 +0800
Subject: [PATCH] chore: update Skeleton component styles

---
 src/components/settings/credits/credits-balance-card.tsx | 4 ++--
 src/components/ui/skeleton.tsx                           | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/settings/credits/credits-balance-card.tsx b/src/components/settings/credits/credits-balance-card.tsx
index 9f6678d..b087ecd 100644
--- a/src/components/settings/credits/credits-balance-card.tsx
+++ b/src/components/settings/credits/credits-balance-card.tsx
@@ -102,11 +102,11 @@ export default function CreditsBalanceCard() {
         </CardHeader>
         <CardContent className="space-y-4 flex-1">
           <div className="flex items-center justify-start space-x-4">
-            <Skeleton className="h-8 w-1/5" />
+            <Skeleton className="h-9 w-1/5" />
           </div>
         </CardContent>
         <CardFooter className="px-6 py-4 flex justify-between items-center bg-muted rounded-none">
-          <Skeleton className="h-6 w-3/5" />
+          <Skeleton className="h-4 w-3/5" />
         </CardFooter>
       </Card>
     );
diff --git a/src/components/ui/skeleton.tsx b/src/components/ui/skeleton.tsx
index 32ea0ef..7fd3cc6 100644
--- a/src/components/ui/skeleton.tsx
+++ b/src/components/ui/skeleton.tsx
@@ -4,7 +4,7 @@ function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="skeleton"
-      className={cn("bg-accent animate-pulse rounded-md", className)}
+      className={cn("bg-muted animate-pulse rounded-md", className)}
       {...props}
     />
   )