update Main.js

temp
mahdi 2 years ago
parent 05556751bb
commit 46b354c17e
  1. 37
      src/views/Products/layouts/Desktop/Main.js

@ -210,6 +210,24 @@ export const Main = ({
</ul> </ul>
</div> </div>
<div className="flex flex-col w-full relative"> <div className="flex flex-col w-full relative">
{/* arrow */}
<div className="w-fit self-end flex flex-row items-center justify-between gap-x-2 px-2 py-1 bg-gray-50 border border-solid border-gray-200 rounded-md50">
<div className="cursor-pointer">
<img
src={dropdownIcon}
alt=""
className="w-5 transform -rotate-90 cursor-pointer"
/>
</div>
<div className="cursor-pointer">
<img
src={dropdownIcon}
alt=""
className="w-5 transform rotate-90 cursor-pointer"
/>
</div>
</div>
{/* carousel slider */}
{filterLoading && ( {filterLoading && (
<div <div
className="w-full flex justify-center items-center bg-white bg-opacity-70 z-20 backdrop-filter backdrop-blur-xl absolute left-0 top-0" className="w-full flex justify-center items-center bg-white bg-opacity-70 z-20 backdrop-filter backdrop-blur-xl absolute left-0 top-0"
@ -219,24 +237,6 @@ export const Main = ({
</div> </div>
)} )}
<div> <div>
{/* arrow */}
<div className="w-20 flex flex-row items-center justify-between px-2 py-1 bg-gray-50 border border-solid border-gray-200 rounded-md50 divide-x">
<div className="">
<img
src={dropdownIcon}
alt=""
className={`w-4 transform transition-all -rotate-90 cursor-pointer`}
/>
</div>
<div className="">
<img
src={dropdownIcon}
alt=""
className={`w-4 transform transition-all rotate-90 cursor-pointer`}
/>
</div>
</div>
{(filterOptions?.productType {(filterOptions?.productType
? filterOptions.productType === "دوره ویدئویی" ? filterOptions.productType === "دوره ویدئویی"
: true) && ( : true) && (
@ -245,7 +245,6 @@ export const Main = ({
</ScrollingCarousel> </ScrollingCarousel>
)} )}
</div> </div>
<div className="w-full flex flex-row flex-wrap mt-0 border-t-2 border-solid border-gray-100 overflow-y-hidden gap-4 justify-evenly pt-3"> <div className="w-full flex flex-row flex-wrap mt-0 border-t-2 border-solid border-gray-100 overflow-y-hidden gap-4 justify-evenly pt-3">
{Items(1)} {Items(1)}
</div> </div>

Loading…
Cancel
Save