diff options
Diffstat (limited to 'src/components/ProductCard.js')
| -rw-r--r-- | src/components/ProductCard.js | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/ProductCard.js b/src/components/ProductCard.js index 64624d70..604ee9e0 100644 --- a/src/components/ProductCard.js +++ b/src/components/ProductCard.js @@ -16,7 +16,7 @@ export default function ProductCard({ data }) { <div className="absolute bottom-2 left-2 badge-gray">{product.variant_total} Varian</div> ) : ''} </Link> - <div className="product-card__description"> + <div className="product-card__content"> <div> {typeof product.manufacture.name !== "undefined" ? ( <Link href={'/shop/brands/' + createSlug(product.manufacture.name, product.manufacture.id)} className="product-card__brand">{product.manufacture.name}</Link> @@ -30,12 +30,12 @@ export default function ProductCard({ data }) { <div className="mt-2"> {product.lowest_price.discount_percentage > 0 ? ( <div className="flex gap-x-1 items-center mb-1"> + <p className="text-caption-2 text-gray_r-11 line-through">{currencyFormat(product.lowest_price.price)}</p> <span className="badge-red">{product.lowest_price.discount_percentage}%</span> - <p className="text-xs text-gray_r-11 line-through">{currencyFormat(product.lowest_price.price)}</p> </div> ) : ''} {product.lowest_price.price_discount > 0 ? ( - <p className="text-caption text-gray_r-12 font-bold"> + <p className="text-caption-1 text-gray_r-12 font-bold"> {currencyFormat(product.lowest_price.price_discount)} </p> ) : ( |