From ea8ebd3ee364cdf0ef09b410f85fed69c6d57534 Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Mon, 27 Oct 2025 09:22:59 +0700
Subject: <MIqdad> pickup now fix

---
 src/lib/product/components/ProductCard.jsx | 27 ++++++++-------------------
 1 file changed, 8 insertions(+), 19 deletions(-)

(limited to 'src')

diff --git a/src/lib/product/components/ProductCard.jsx b/src/lib/product/components/ProductCard.jsx
index 801ca8f9..fbd5021f 100644
--- a/src/lib/product/components/ProductCard.jsx
+++ b/src/lib/product/components/ProductCard.jsx
@@ -116,7 +116,6 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
                 </div>
               </div>
 
-              {/* BADGE DISKON Kanan-ATAS */}
               {(product?.lowestPrice?.discountPercentage ?? 0) > 0 && (
                 <div className='absolute right-0 top-1.5 '>
                   <div className='bg-red-600 text-white px-2 py-1 rounded-l-lg shadow-sm text-xs font-bold leading-none'>
@@ -125,37 +124,27 @@ const ProductCard = ({ product, simpleTitle, variant = 'vertical' }) => {
                 </div>
               )}
 
-              {/* BOTTOM-LEFT: Varian + PICK UP NOW  */}
               {(product?.variantTotal > 1 || product?.isInBu) && (
-                <div
-                  className='
-      absolute bottom-1.5 left-1.5 z-30
-      flex items-center gap-2 flex-nowrap
-      max-w-[calc(100%-12px)] overflow-hidden
-    '
-                >
+                <div className='absolute bottom-1.5 left-1.5 z-30 flex items-center gap-2'>
+                  {' '}
                   {product?.variantTotal > 1 && (
-                    <div className='badge-gray shrink-0'>
-                      {product.variantTotal} Varian
+                    <div className='badge-gray'>
+                      {' '}
+                      {product.variantTotal} Varian{' '}
                     </div>
-                  )}
-
+                  )}{' '}
                   {product?.isInBu && (
                     <Image
                       src='/images/PICKUP-NOW.png'
                       alt='Pick Up Now'
                       width={83}
                       height={24}
-                      // biar ikut mengecil & gak keluar div:
-                      className='drop-shadow-sm h-5 w-auto sm:h-6 md:h-6 max-w-[70%] shrink'
-                      sizes='(max-width: 640px) 120px, (max-width: 1024px) 140px, 160px'
-                      style={{ height: '1.25rem', width: 'auto' }} // override ukuran intrinsic
+                      className='drop-shadow-sm'
                       loading='eager'
                     />
-                  )}
+                  )}{' '}
                 </div>
               )}
-
               {router.pathname != '/' && product?.flashSale?.id > 0 && (
                 <div className='absolute bottom-0 w-full grid'>
                   <div className='absolute bottom-0 w-full h-full'>
-- 
cgit v1.2.3