diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Layout.js | 10 | ||||
| -rw-r--r-- | src/components/ProductCard.js | 2 |
2 files changed, 3 insertions, 9 deletions
diff --git a/src/components/Layout.js b/src/components/Layout.js index 42d8ebdf..6933d535 100644 --- a/src/components/Layout.js +++ b/src/components/Layout.js @@ -1,15 +1,9 @@ import { motion } from 'framer-motion'; -export default function Layout({ children, pageProps }) { - const variants = { - hidden: { opacity: 0, x: -75, y: 0 }, - enter: { opacity: 1, x: 0, y: 0 }, - exit: { opacity: 0, x: 0, y: -50 }, - }; - +export default function Layout({ children, ...pageProps }) { const transition = { ease: 'linear', - duration: 0.4 + duration: 0.3 }; return children && ( diff --git a/src/components/ProductCard.js b/src/components/ProductCard.js index 3b0ef162..063a5f6b 100644 --- a/src/components/ProductCard.js +++ b/src/components/ProductCard.js @@ -13,7 +13,7 @@ export default function ProductCard({ data }) { <Link href={'/shop/product/' + createSlug(product.name, product.id)} className="block relative bg-white"> <LazyLoadImage effect="blur" src={product.image ? product.image : '/images/noimage.jpeg'} alt={product.name} className="product-card__image" /> {product.variant_total > 1 ? ( - <div className="absolute bottom-2 left-2 badge-green">{product.variant_total} Varian</div> + <div className="absolute bottom-2 left-2 badge-gray">{product.variant_total} Varian</div> ) : ''} </Link> <div className="product-card__description"> |