From 367bf6f382392774680abcf4a5ca4b4d03915650 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Mon, 8 Jul 2024 14:31:45 +0700
Subject: <iman> update mobile view

---
 src-migrate/modules/promo/components/PromoList.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src-migrate/modules/promo/components/PromoList.jsx')

diff --git a/src-migrate/modules/promo/components/PromoList.jsx b/src-migrate/modules/promo/components/PromoList.jsx
index 529d54a1..a7356d71 100644
--- a/src-migrate/modules/promo/components/PromoList.jsx
+++ b/src-migrate/modules/promo/components/PromoList.jsx
@@ -73,7 +73,7 @@ const PromoList = ({ selectedPromo }) => {
   }, [slug, setPromoItems, setPromoData, setIsLoading]);
 
   return (
-    <div className='h-[420px]'>
+    <div className='min-h-[360px]'>
       <div className='flex justify-between  items-center'>
         <h1 className='text-h-sm md:text-h-lg font-semibold py-4'>{title}</h1>
         <div>
@@ -87,10 +87,10 @@ const PromoList = ({ selectedPromo }) => {
           <LogoSpinner width={48} height={48} />
         </div>
       ) : (
-        <Swiper slidesPerView={isMobile ? 1.5 : 3.25} spaceBetween={12} freeMode >
+        <Swiper slidesPerView={isMobile ? 1.2 : 3.25} spaceBetween={12} freeMode >
             {promoData?.map((promotion) => (
             <SwiperSlide key={promotion.id}>
-              <div className="min-w-[380px] max-w-[380px] mb-[20px] sm:min-w-[330px] md:min-w-[360px] lg:min-w-[380px] xl:min-w-[380px]">
+              <div className="min-w-36 max-w-[400px] mb-[20px] sm:w-full md:w-full lg:w-full xl:w-full">
                 <ProductPromoCard promotion={promotion} />
               </div>
             </SwiperSlide>
-- 
cgit v1.2.3