diff options
| author | Miqdad <ahmadmiqdad27@gmail.com> | 2025-10-15 15:45:03 +0700 |
|---|---|---|
| committer | Miqdad <ahmadmiqdad27@gmail.com> | 2025-10-15 15:45:03 +0700 |
| commit | 9478c11061fce4ddbc6a92b98ac0708d33423179 (patch) | |
| tree | 333613e3f354072906f197eb32812c25f7f83ad8 | |
| parent | 5dc2b929b87da305352d746638cb3d655242096f (diff) | |
<Miqdad> voucher position, size and pickp now position
| -rw-r--r-- | src/lib/product/components/ProductCard.jsx | 29 |
1 files changed, 11 insertions, 18 deletions
diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx index 0eae23de..25d1535c 100644 --- a/src/lib/product/components/ProductCard.jsx +++ b/src/lib/product/components/ProductCard.jsx @@ -300,7 +300,7 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => { <Link href='/panduan-pick-up-service' aria-label='Pick Up Now' - className='absolute top-0 right-1 z-10' + className='absolute top-1 right-1 z-10' > <Image src='/images/PICKUP-NOW.png' @@ -456,7 +456,7 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => { {product?.lowestPrice.price > 0 ? ( <> {currencyFormat(product?.lowestPrice.priceDiscount)} - <div className='text-gray_r-9 text-[10px] font-normal'> + <div className='text-gray_r-9 text-[10px] font-normal mt-1 leading-tight'> Include PPN:{' '} {currencyFormat( product.lowestPrice.price * @@ -478,23 +478,16 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => { )} {discount > 0 && (product?.flashSale?.id ?? 0) < 1 && ( - <div className='inline-flex items-center gap-2 text-green-600 mb-1'> - {/* Label polos (bukan dalam kotak) */} - <span className='text-sm font-semibold'>Voucher</span> - - {/* Chip: ikon + nominal */} - <span - className=' - inline-flex items-center gap-1.5 - rounded bg-green-50 px-2.5 py-0.5 - ring-green-300 - ' - > - <TicketIcon className='h-3.5 w-3.5' /> - <span className='text-sm font-extrabold tabular-nums'> - {currencyFormat(discount)} + <div className='mt-1 mb-1'> + <div className='inline-flex items-center gap-2 text-green-600'> + <span className='text-[9pt] font-semibold'>Voucher</span> + <span className='inline-flex items-center gap-1.5 rounded bg-green-50 px-2.5 py-0.5 ring-0'> + <TicketIcon className='h-3.5 w-3.5' /> + <span className='text-sm font-extrabold tabular-nums'> + {currencyFormat(discount)} + </span> </span> - </span> + </div> </div> )} |