From 1a23498f8d75a97eb59fa48e55dd529e22f042b7 Mon Sep 17 00:00:00 2001
From: Miqdad <ahmadmiqdad27@gmail.com>
Date: Sat, 30 Aug 2025 08:46:40 +0700
Subject: <Miqdad> Fix quotation expedition mobile

---
 .../checkout/components/SectionQuotationExpedition.jsx  | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/checkout/components/SectionQuotationExpedition.jsx b/src/lib/checkout/components/SectionQuotationExpedition.jsx
index f043d257..817cd21b 100644
--- a/src/lib/checkout/components/SectionQuotationExpedition.jsx
+++ b/src/lib/checkout/components/SectionQuotationExpedition.jsx
@@ -253,7 +253,10 @@ export default function SectionExpeditionQuotation({ products }) {
             )}
           </div>
           {onFocusSelectedCourier && (
-            <div className='absolute bg-white border rounded-lg mt-1 shadow-lg z-10 max-h-[200px] overflow-y-auto w-[350px]'>
+            <div
+              className='absolute left-0 top-full mt-1 bg-white border rounded-lg shadow-lg z-50
+                    max-h-[200px] overflow-y-auto w-full sm:w-[350px]'
+            >
               {!isLoading ? (
                 <>
                   <div
@@ -297,8 +300,8 @@ export default function SectionExpeditionQuotation({ products }) {
 
       {checkWeigth && (
         <p className='mt-4 text-gray-600'>
-          Mohon maaf, pengiriman hanya tersedia untuk self pickup karena ada barang
-          yang belum memiliki berat. Silakan hubungi admin via{' '}
+          Mohon maaf, pengiriman hanya tersedia untuk self pickup karena ada
+          barang yang belum memiliki berat. Silakan hubungi admin via{' '}
           <a
             className='text-blue-600 underline'
             href='https://api.whatsapp.com/send?phone=6281717181922'
@@ -316,7 +319,7 @@ export default function SectionExpeditionQuotation({ products }) {
         selectedCourier !== 0 && (
           <div className='mt-4 flex justify-between'>
             <div className='font-medium mb-2'>Tipe Layanan Ekspedisi:</div>
-            <div className='relative w-[350px]'>
+            <div className='relative w-full sm:w-[350px]'>
               <div
                 className='p-2 border rounded-lg bg-white cursor-pointer'
                 onClick={() => setIsOpen(!isOpen)}
@@ -331,11 +334,13 @@ export default function SectionExpeditionQuotation({ products }) {
                     </span>
                   </div>
                 ) : (
-                  <span className='text-gray-500'>Pilih layanan pengiriman</span>
+                  <span className='text-gray-500'>
+                    Pilih layanan pengiriman
+                  </span>
                 )}
               </div>
               {isOpen && (
-                <div className='absolute bg-white border rounded-lg mt-1 shadow-lg z-10 w-full'>
+                <div className='absolute left-0 top-full mt-1 bg-white border rounded-lg shadow-lg z-50 w-full'>
                   {serviceOptions.map((service) => (
                     <div
                       key={service.service_type}
-- 
cgit v1.2.3