From 7c61c990c7987f7c3991e74ce53eb3204e268c75 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Wed, 26 Jun 2024 11:01:06 +0700
Subject: <iman> add sample for all promotion

---
 src-migrate/modules/promo/components/PromotinProgram.jsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

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

diff --git a/src-migrate/modules/promo/components/PromotinProgram.jsx b/src-migrate/modules/promo/components/PromotinProgram.jsx
index 5b91d82f..8df99099 100644
--- a/src-migrate/modules/promo/components/PromotinProgram.jsx
+++ b/src-migrate/modules/promo/components/PromotinProgram.jsx
@@ -7,8 +7,8 @@ const PromotionProgram = ({ selectedPromo, onSelectPromo }) => {
     <>
       <div className="text-h-sm md:text-h-lg font-semibold py-4">Serba Serbi Promo</div>
       <div className='px-4 sm:px-0'>
-        <div className='grid md:grid-cols-3 grid-cols-2 justify-between gap-2 items-center'>
-        {/* <div className='w-full'>
+        <div className='grid md:grid-cols-3 grid-cols-2 justify-between h-[90px] gap-3 items-center'>
+        {/* <div className='w-full h-full '>
             <div
               onClick={() => onSelectPromo('Diskon')}
               className={`border p-2 flex items-center gap-x-2 rounded-lg cursor-pointer ${selectedPromo === 'Diskon' ? 'bg-red-50 border-red-500 text-red-500' : 'border-gray-200 text-gray-900'}`}
@@ -34,10 +34,10 @@ const PromotionProgram = ({ selectedPromo, onSelectPromo }) => {
               </div>
             </div>
           </div> */}
-        <div className='w-full'>
+        <div className='w-full h-full  '>
             <div
               onClick={() => onSelectPromo('Bundling')}
-              className={`border p-2 flex items-center gap-x-2 rounded-lg cursor-pointer ${selectedPromo === 'Bundling' ? 'bg-red-50 border-red-500 text-red-500' : 'border-gray-200 text-gray-900'}`}
+              className={`border h-full p-2 flex items-center gap-x-2 rounded-lg cursor-pointer ${selectedPromo === 'Bundling' ? 'bg-red-50 border-red-500 text-red-500' : 'border-gray-200 text-gray-900'}`}
             >
               <div>
                 <Image
@@ -60,10 +60,10 @@ const PromotionProgram = ({ selectedPromo, onSelectPromo }) => {
               </div>
             </div>
           </div>
-          <div className='w-full'>
+          <div className='w-full h-full '>
             <div
               onClick={() => onSelectPromo('Loading')}
-              className={`border p-2 flex items-center gap-x-2 rounded-lg cursor-pointer ${selectedPromo === 'Loading' ? 'bg-red-50 border-red-500 text-red-500' : 'border-gray-200 text-gray-900'}`}
+              className={`border p-2 h-full flex items-center gap-x-2 rounded-lg cursor-pointer ${selectedPromo === 'Loading' ? 'bg-red-50 border-red-500 text-red-500' : 'border-gray-200 text-gray-900'}`}
             >
               <div>
                 <Image
@@ -86,10 +86,10 @@ const PromotionProgram = ({ selectedPromo, onSelectPromo }) => {
               </div>
             </div>
           </div>
-          <div className='w-full'>
+          <div className='w-full h-full '>
             <div
               onClick={() => onSelectPromo('Merchandise')}
-              className={`border p-2 flex items-center gap-x-2 rounded-lg cursor-pointer ${selectedPromo === 'Merchandise' ? 'bg-red-50 border-red-500 text-red-500' : 'border-gray-200 text-gray-900'}`}
+              className={`border p-2 h-full flex items-center gap-x-2 rounded-lg cursor-pointer ${selectedPromo === 'Merchandise' ? 'bg-red-50 border-red-500 text-red-500' : 'border-gray-200 text-gray-900'}`}
             >
               <div>
                 <Image
-- 
cgit v1.2.3