diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-07-08 14:31:45 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-07-08 14:31:45 +0700 |
| commit | 367bf6f382392774680abcf4a5ca4b4d03915650 (patch) | |
| tree | 46589797fcab3c91afdbc57e824fadf186a5a044 /src-migrate/modules/promo/components/PromoList.jsx | |
| parent | 595c5cd7b371c61874db47ae42819acca5fc5d16 (diff) | |
<iman> update mobile view
Diffstat (limited to 'src-migrate/modules/promo/components/PromoList.jsx')
| -rw-r--r-- | src-migrate/modules/promo/components/PromoList.jsx | 6 |
1 files changed, 3 insertions, 3 deletions
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> |