diff options
| author | it-fixcomart <it@fixcomart.co.id> | 2024-06-26 11:01:06 +0700 |
|---|---|---|
| committer | it-fixcomart <it@fixcomart.co.id> | 2024-06-26 11:01:06 +0700 |
| commit | 7c61c990c7987f7c3991e74ce53eb3204e268c75 (patch) | |
| tree | 1c353fc30d8e83de5611db687e9a25b32d8c8e16 /src-migrate/modules/promo/components/PromotinProgram.jsx | |
| parent | 01bea5fe1b68fee2d673274b44295db6fc665e29 (diff) | |
<iman> add sample for all promotion
Diffstat (limited to 'src-migrate/modules/promo/components/PromotinProgram.jsx')
| -rw-r--r-- | src-migrate/modules/promo/components/PromotinProgram.jsx | 16 |
1 files changed, 8 insertions, 8 deletions
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 |