From ba84659f27c84d0d2c0cc3275e211a865e416bf7 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Wed, 19 Jun 2024 11:31:02 +0700
Subject: <iman> update responsive promotion program

---
 src/pages/shop/promo/[slug].tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src')

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>
                   ))}
-- 
cgit v1.2.3