diff options
| author | Rafi Zadanly <rafizadanly@gmail.com> | 2022-11-19 11:13:02 +0700 |
|---|---|---|
| committer | Rafi Zadanly <rafizadanly@gmail.com> | 2022-11-19 11:13:02 +0700 |
| commit | c5838a2873473440ba9b1bea740b714ae1fb2485 (patch) | |
| tree | 9a7a25e3fc8030b17c6f9603b38e925382887424 /src/components | |
| parent | 0af7086660a5da689fa4bb92f744f0c132d7d65e (diff) | |
brand with infinite scroll and fix product card style
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Alert.js | 4 | ||||
| -rw-r--r-- | src/components/ProductCard.js | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/src/components/Alert.js b/src/components/Alert.js index 3dddd56e..68fb84b1 100644 --- a/src/components/Alert.js +++ b/src/components/Alert.js @@ -2,10 +2,10 @@ const Alert = ({ children, className, type }) => { let typeClass = ''; switch (type) { case 'info': - typeClass = ' bg-blue-200 text-blue-900 ' + typeClass = ' bg-blue-100 text-blue-900 ' break; case 'success': - typeClass = ' bg-green-200 text-green-900 ' + typeClass = ' bg-green-100 text-green-900 ' break; } return ( diff --git a/src/components/ProductCard.js b/src/components/ProductCard.js index 23cc0665..af96de28 100644 --- a/src/components/ProductCard.js +++ b/src/components/ProductCard.js @@ -10,10 +10,10 @@ export default function ProductCard({ data }) { let product = data; return ( <div className="product-card"> - <Link href={'/shop/product/' + createSlug(product.name, product.id)} className="block relative"> + <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-yellow">{product.variant_total} Varian</div> + <div className="absolute bottom-2 left-2 badge-green">{product.variant_total} Varian</div> ) : ''} </Link> <div className="product-card__description"> |