<iman> update filter promotion-program

1 files changed, 21 insertions, 14 deletions

diff --git a/src/pages/shop/promo/[slug].tsx b/src/pages/shop/promo/[slug].tsx
index dbf8d908..bd69c071 100644
--- a/src/pages/shop/promo/[slug].tsx
+++ b/src/pages/shop/promo/[slug].tsx
@@ -372,21 +372,28 @@ export default function PromoDetail() {
         <div className='container mx-auto flex mb-3 flex-col'>
           <div className='w-full pl-6'>
             <h1 className='text-2xl mb-2 font-semibold'>Promo {whatPromo}</h1>
-              <div className=' w-full h-full flex flex-col '>
-                <ProductFilterDesktop
-                      brands={brands || []}
-                      categories={categories || []}  
-                      prefixUrl={'/shop/promo'}
-                      // defaultBrand={null}
-                    />
+              <div className=' w-full h-full flex flex-row items-center '>
+                
+                    <div className='detail-filter w-1/2 flex justify-start items-center  mt-4'>
+
+                  <FilterChoicesComponent
+                    brandValues={brandValues}
+                    categoryValues={categoryValues}
+                    priceFrom={priceFrom}
+                    priceTo={priceTo}
+                    handleDeleteFilter={handleDeleteFilter}
+                  />
+                    </div>
+                    <div className='Filter w-1/2 flex flex-col'>
+
+                    <ProductFilterDesktop
+                          brands={brands || []}
+                          categories={categories || []}  
+                          prefixUrl={'/shop/promo'}
+                          // defaultBrand={null}
+                        />
+                    </div>
                 </div>
-              <FilterChoicesComponent
-                brandValues={brandValues}
-                categoryValues={categoryValues}
-                priceFrom={priceFrom}
-                priceTo={priceTo}
-                handleDeleteFilter={handleDeleteFilter}
-              />
               {loading ? (
                 <div className='container flex justify-center my-4'>
                   <LogoSpinner width={48} height={48} />