diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-06-19 11:31:02 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-06-19 11:31:02 +0700 |
| commit | ba84659f27c84d0d2c0cc3275e211a865e416bf7 (patch) | |
| tree | 6601b14412cedbf264891b566e2786099d692635 /src/pages/shop | |
| parent | 78575ef59454214f61f77b1a826af30497cfdc5f (diff) | |
<iman> update responsive promotion program
Diffstat (limited to 'src/pages/shop')
| -rw-r--r-- | src/pages/shop/promo/[slug].tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/pages/shop/promo/[slug].tsx b/src/pages/shop/promo/[slug].tsx index 667a26ce..6e18101f 100644 --- a/src/pages/shop/promo/[slug].tsx +++ b/src/pages/shop/promo/[slug].tsx @@ -339,7 +339,7 @@ export default function PromoDetail() { <> <div className='grid grid-cols-1 gap-x-1 gap-y-1'> {visiblePromotions?.map((promotion) => ( - <div key={promotion.id} className="min-w-[360px] max-w-[360px] mb-[20px] sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/4 "> + <div key={promotion.id} className="min-w-36 max-w-[400px] mb-[20px] sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/4 "> <ProductPromoCard promotion={promotion}/> </div> ))} @@ -395,9 +395,9 @@ export default function PromoDetail() { </div> ) : promoData && promoItems.length >= 1 ? ( <> - <div className='grid grid-cols-2 gap-x-36 gap-y-1'> + <div className='grid grid-cols-1 gap-x-20 gap-y-1 lg:gap-x-14 xl:gap-x-36 lg:grid-cols-2 '> {visiblePromotions?.map((promotion) => ( - <div key={promotion.id} className="min-w-[400px] max-w-[400px] mb-[20px] sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/4 "> + <div key={promotion.id} className="min-w-[400px] max-w-[400px] mb-[20px] sm:w-full md:w-1/2 lg:w-1/3 xl:w-1/4 "> <ProductPromoCard promotion={promotion}/> </div> ))} |