Styling updates

pages/product/[slug].tsx

@@ -17,11 +17,13 @@ export async function getStaticProps({
   const config = { locale, locales }
   const { pages } = await commerce.getAllPages({ config, preview })
   const { categories } = await commerce.getSiteInfo({ config, preview })
+
   const { product } = await commerce.getProduct({
     variables: { slug: params!.slug },
     config,
     preview,
   })
+  console.log(product?.variants[0])
 
   const { products: relatedProducts } = await commerce.getAllProducts({
     variables: { first: 4 },

pages/search.tsx

@@ -353,11 +353,7 @@ export default function Search({
           ) : (
             <Grid layout="normal">
               {rangeMap(12, (i) => (
-                <Skeleton
-                  key={i}
-                  className="w-full animated fadeIn"
-                  height={480}
-                />
+                <Skeleton key={i} />
               ))}
             </Grid>
           )}