fix portfolio card skeleton styling

caish-cloud · May 31, 2024 · 76f14c8 · 76f14c8
1 parent 24f0273
commit 76f14c8
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/components-features/portfolio/PortfolioCardSkeleton/index.tsx b/components-features/portfolio/PortfolioCardSkeleton/index.tsx
@@ -1,3 +1,4 @@
+import { opaqueDarkBgColor, opaqueLightBgColor } from '@/constants/colors';
 import { BORDER_RADIUS_DEFAULT } from '@/constants/settings';
 import {
   Card,
@@ -12,14 +13,14 @@ import 'react-loading-skeleton/dist/skeleton.css';
 import './index.scss';
 
 export default function PortfolioCardSkeleton() {
-  const baseColor = useColorModeValue('#EDF2F7', '#718096');
+  const baseColor = useColorModeValue('#A0AEC0', '#718096');
   const highlightColor = useColorModeValue('#E2E8F0', '#A0AEC0');
 
   return (
     <Card
+      bg={useColorModeValue(opaqueLightBgColor, opaqueDarkBgColor)}
       borderRadius={BORDER_RADIUS_DEFAULT}
       maxW="md"
-      minW={{ base: 'xs', md: 'md' }}
     >
       <CardHeader>
         <Skeleton