diff options
| author | FIN-IT_AndriFP <it@fixcomart.co.id> | 2025-09-26 11:29:27 +0700 |
|---|---|---|
| committer | FIN-IT_AndriFP <it@fixcomart.co.id> | 2025-09-26 11:29:27 +0700 |
| commit | ecd8bbcbee558893126d1f99792b9371d5b5680a (patch) | |
| tree | 0c5dcf5f03f9378e1dbbd7da231a065dc3fdc767 /src-migrate/pages | |
| parent | cbd9208242dd3b285c7ce349674417ba6865683d (diff) | |
| parent | 3aaadd0d946c303101b1fb2ef7657f48863cd548 (diff) | |
Merge branch 'new-release' of https://bitbucket.org/altafixco/next-indoteknik into new-release
Diffstat (limited to 'src-migrate/pages')
| -rw-r--r-- | src-migrate/pages/shop/cart/cart.module.css | 14 | ||||
| -rw-r--r-- | src-migrate/pages/shop/cart/index.tsx | 15 |
2 files changed, 22 insertions, 7 deletions
diff --git a/src-migrate/pages/shop/cart/cart.module.css b/src-migrate/pages/shop/cart/cart.module.css index b756fb15..af5a2abc 100644 --- a/src-migrate/pages/shop/cart/cart.module.css +++ b/src-migrate/pages/shop/cart/cart.module.css @@ -3,7 +3,7 @@ } .content { - @apply flex flex-wrap ; + @apply flex flex-wrap; } .item-wrapper { @@ -33,3 +33,15 @@ .summary-buttons-step-approval { @apply grid grid-cols-1 gap-y-3 mt-6; } + +@media (max-width: 768px) { + .item-wrapper { + /* adjust if your bar is taller/shorter */ + padding-bottom: calc(env(safe-area-inset-bottom) + 9rem); + } + + .summary-wrapper { + @apply fixed inset-x-0 bottom-0 z-50 md:sticky w-full; + } + +}
\ No newline at end of file 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 ? ( |