change responsive page doctors & change modal and responsive & responsive page doctor item

This commit is contained in:
Ehsan
2024-08-18 14:39:34 +03:30
parent cd3b783abd
commit 8a53f60d7e
18 changed files with 179 additions and 53 deletions
+9 -3
View File
@@ -1,12 +1,18 @@
import AppointmentList from "./appointmentList"
import DetailDoctor from "./detailDoctor"
import Share from "./detailDoctor/Share";
function DoctorPage({ doctor }) {
return (
<div className="pt-[120px] mt-[56px] padding-responsive">
<div className="flex items-center justify-start text-[16px] font-normal">
<p className="text-[#9B9B9B]">متخصص {doctor.expertise} {' >'}</p>
<p className="text-[#525252] mr-1">{doctor.name}</p>
<div className="flex items-center justify-between">
<div className="flex items-center justify-start text-[16px] font-normal">
<p className="text-[#9B9B9B] text-nowrap">متخصص {doctor.expertise} {' >'}</p>
<p className="text-[#525252] text-nowrap mr-1">{doctor.name}</p>
</div>
<div className="flex lg:hidden">
<Share />
</div>
</div>
<div className="flex items-start justify-center gap-6 mt-[30px]">
<DetailDoctor doctor={doctor} />