diff options
Diffstat (limited to 'src-migrate/pages/shop')
| -rw-r--r-- | src-migrate/pages/shop/cart/index.tsx | 22 |
1 files changed, 15 insertions, 7 deletions
diff --git a/src-migrate/pages/shop/cart/index.tsx b/src-migrate/pages/shop/cart/index.tsx index 031aa45b..5121c732 100644 --- a/src-migrate/pages/shop/cart/index.tsx +++ b/src-migrate/pages/shop/cart/index.tsx @@ -301,14 +301,19 @@ const CartPage: React.FC = () => { <> {/* Sticky Header */} <div - className={`${isTop ? 'border-b-[0px]' : 'border-b-[1px]' - } sticky md:top-[157px] flex-col bg-white py-4 border-gray-300 z-50 sm:w-full md:w-3/4`} + className={`${ + isTop ? 'border-b-[0px]' : 'border-b-[1px]' + } sticky md:top-[157px] flex-col bg-white py-4 border-gray-300 z-50 sm:w-full md:w-3/4`} > <div className='flex items-center justify-between mb-2'> <h1 className={style.title}>Keranjang Belanja</h1> </div> - <div className='h-2' /> + <div className='inline-flex items-center border border-green-500 p-2 bg-green-50 rounded-md mb-2'> + <span className='text-sm font-semibold text-green-700'> + Gunakan Voucher `VoucherPastiHemat` untuk belanja lebih hemat. + </span> + </div> <div className='flex items-center object-center justify-between flex-wrap gap-2'> <div className='flex items-center object-center'> <Checkbox @@ -392,16 +397,19 @@ const CartPage: React.FC = () => { </div> <div - className="md:hidden" - style={{ height: 'calc(var(--mobile-actions-h) + var(--mobile-total-h))' }} + className='md:hidden' + style={{ + height: 'calc(var(--mobile-actions-h) + var(--mobile-total-h))', + }} /> {/* Cart Summary */} <div - className={`${style['summary-wrapper']} ${device.isMobile && (!cart || cart?.product_total === 0) + className={`${style['summary-wrapper']} ${ + device.isMobile && (!cart || cart?.product_total === 0) ? 'hidden' : '' - }`} + }`} > <div className={style.summary}> {device.isMobile ? ( |