update Main.js

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

@ -210,33 +210,33 @@ export const Main = ({
</ul> </ul>
</div> </div>
<div className="flex flex-col w-full relative"> <div className="flex flex-col w-full relative">
{filterLoading && (
<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"
style={{ height: "calc(100vh - 180px)" }}
>
<Loading size={4} color="bg-green-400" />
</div>
)}
<div>
{/* arrow */} {/* 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="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=""> <div className="cursor-pointer">
<img <img
src={dropdownIcon} src={dropdownIcon}
alt="" alt=""
className={`w-4 transform transition-all -rotate-90 cursor-pointer`} className="w-5 transform -rotate-90 cursor-pointer"
/> />
</div> </div>
<div className=""> <div className="cursor-pointer">
<img <img
src={dropdownIcon} src={dropdownIcon}
alt="" alt=""
className={`w-4 transform transition-all rotate-90 cursor-pointer`} className="w-5 transform rotate-90 cursor-pointer"
/> />
</div> </div>
</div> </div>
{/* carousel slider */}
{filterLoading && (
<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"
style={{ height: "calc(100vh - 180px)" }}
>
<Loading size={4} color="bg-green-400" />
</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