From 0e1c9c213b6051be728944730a0e23beadd4c35e Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Wed, 24 Sep 2025 17:36:08 +0700
Subject: <Miqdad> don cart

---
 src-migrate/pages/shop/cart/index.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'src-migrate/pages/shop/cart/index.tsx')

diff --git a/src-migrate/pages/shop/cart/index.tsx b/src-migrate/pages/shop/cart/index.tsx
index 795dfa72..031aa45b 100644
--- a/src-migrate/pages/shop/cart/index.tsx
+++ b/src-migrate/pages/shop/cart/index.tsx
@@ -301,9 +301,8 @@ 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>
@@ -392,13 +391,17 @@ const CartPage: React.FC = () => {
           </div>
         </div>
 
+        <div
+          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 ? (
-- 
cgit v1.2.3

