💄 Update skeleton styling

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' />
-}

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 }