From 3bc0d80830ed8ea985d7207bb61966c6757e40ea Mon Sep 17 00:00:00 2001
From: Don <100505855+DonFungible@users.noreply.github.com>
Date: Wed, 12 Feb 2025 18:56:19 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Update=20skeleton=20styling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/StakingDataCard.tsx | 21 ---------------------
 src/components/ui/skeleton.tsx           |  4 +++-
 2 files changed, 3 insertions(+), 22 deletions(-)

diff --git a/src/components/cards/StakingDataCard.tsx b/src/components/cards/StakingDataCard.tsx
index 8359616..c17b63b 100644
--- a/src/components/cards/StakingDataCard.tsx
+++ b/src/components/cards/StakingDataCard.tsx
@@ -67,24 +67,3 @@ export default function StakingDataCard(props: StakingDataCardProps) {
     </StyledCard>
   )
 }
-
-export function StakingDataCardSkeleton(
-  props: { title?: string; className?: string } & VariantProps<typeof dataCardVariants>
-) {
-  return (
-    <div
-      className={cn(
-        dataCardVariants({
-          variant: props.variant,
-          size: props.size,
-          className: props.className,
-        })
-      )}
-    >
-      {props.title && <p className="text-lg text-primary-outline">{props.title}</p>}
-      <Skeleton className="h-12 w-full animate-pulse rounded-md bg-white/20" />
-    </div>
-  )
-
-  // <Skeleton className='h-40 w-40' />
-}
diff --git a/src/components/ui/skeleton.tsx b/src/components/ui/skeleton.tsx
index 34dc9bf..49f8ca2 100644
--- a/src/components/ui/skeleton.tsx
+++ b/src/components/ui/skeleton.tsx
@@ -1,7 +1,9 @@
 import { cn } from '@/lib/utils'
 
 function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
-  return <div className={cn('animate-pulse rounded-md bg-white/10', className)} {...props} />
+  return (
+    <div className={cn('animate-pulse rounded-md bg-[#1C1C1C] border border-primary-border', className)} {...props} />
+  )
 }
 
 export { Skeleton }