hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change design and responsive & pay & detail account & success pay & faield pay & doctor id

Browse Source
This commit is contained in:
Ehsan
2024-08-30 20:22:41 +03:30
parent 451ae76cb1
commit b058066380
33 changed files with 589 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/account/detailDoctor/Head.js
+12 -3
View File
@@ -2,16 +2,25 @@ import Image from "next/image"
function Head({ doctor }) {
return (
<div className="flex items-center justify-start gap-[16px] my-[24px]">
<div className="
flex items-center justify-start
gap-[8px] sm:gap-[11px] md:gap-[14px] lg:gap-[16px]
mt-[8px] sm:mt-[13px] md:mt-[19px] lg:mt-[24px]
mb-[12px] sm:mb-[19px] md:mb-[25px] lg:lg:mb-[32px]
">
<Image
className="
w-[40px] sm:w-[58px] md:w-[77px] lg:w-[95px]
h-[40px] sm:h-[58px] md:h-[77px] lg:h-[95px]
"
alt="profile doctor"
src={doctor.img}
height={95}
width={95}
/>
<div className="flex flex-col items-start justify-center gap-[20px]">
<p className="text-[#3B3B3B] text-[20px] font-medium">{doctor.name}</p>
<p className="text-[#616161] text-[16px] font-medium">تخصص: {doctor.expertise}</p>
<p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-medium">{doctor.name}</p>
<p className="text-[#616161] text-[14px] md:text-[16px] font-medium">تخصص: {doctor.expertise}</p>
</div>
</div>
)