add modal filter & responsive head doctors & buttons

This commit is contained in:
Ehsan
2024-08-17 20:32:07 +03:30
parent d3f967ca67
commit cd3b783abd
11 changed files with 168 additions and 37 deletions
+3 -3
View File
@@ -1,17 +1,17 @@
import LocationD from "../icons/LocationD";
import ListDoctors from "./listDoctors";
import SearchBar from "./search";
import SortList from "./SortList";
import SortList from "./sortlist";
function DoctorsPage() {
return (
<div className="pt-[120px] padding-responsive">
<div className="flex justify-center gap-[24px] flex-col items-center mt-[90px]">
<div className="flex justify-center gap-[16px] sm:gap-[19px] md:gap-[22px] lg:gap-[24px] flex-col items-center mt-[90px]">
<div className="flex items-center justify-start gap-2 w-full">
<LocationD />
<p className="text-[#525252] text-[16px] font-semibold">خوزستان / اهواز</p>
</div>
<div className="flex items-center justify-center gap-[32px]">
<div className="flex flex-col lg:flex-row items-start lg:items-center justify-center gap-[24px] lg:gap-[32px] w-full">
<SearchBar />
<SortList />
</div>