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

responsive page booking

Browse Source
This commit is contained in:
Ehsan
2024-10-03 17:03:30 +03:30
parent b9b8067184
commit 1337d2af5d
4 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/booking/information/Detail.js
+2 -2
View File
@@ -89,7 +89,7 @@ function Detail({ doctor, step, setStep }) {
>
<TickCircleOrange />
</div>
<p className="text-[#616161] text-[16px] font-normal">
<p className="text-[#616161] text-[12px] md:text-[14px] lg:text-[16px] font-normal">
فقط در صورت لغو نوبت تا 5 ساعت قبل از زمان ویزیت، امکان استرداد وجه
ممکن می باشد.
</p>
@@ -101,7 +101,7 @@ function Detail({ doctor, step, setStep }) {
>
<TickCircleOrange />
</div>
<p className="text-[#616161] text-[16px] font-normal">
<p className="text-[#616161] text-[12px] md:text-[14px] lg:text-[16px] font-normal">
لطفا به موقع در مطب حضور داشته باشید.
</p>
</li>
components/booking/information/Head.js
+1 -1
View File
@@ -21,7 +21,7 @@ function Head({ doctor }) {
width={95}
/>
<div className="flex flex-col items-start justify-center gap-[8px] sm:gap-[12px] md:gap-[16px] lg:gap-[20px]">
<p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-medium">
<p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">
{doctor.name}
</p>
<p className="text-[#616161] text-[14px] md:text-[16px] font-medium">
components/booking/information/index.js
+2 -2
View File
@@ -9,7 +9,7 @@ function Information({ doctor, step, setStep, typePay, isPay, disableSide }) {
}`}
>
<div
className={`p-[24px] sticky right-0 w-full opacity-page rounded-[8px] border
className={`p-[12px] sm:p-[16px] md:p-[20px] lg:p-[24px] sticky right-0 w-full opacity-page rounded-[8px] border
border-solid border-[#EFEFEF] bg-[#FFF]
top-[calc(12px_+_75px_+_32px)] sm:top-[calc(21px_+_75px_+_45px)] md:top-[calc(30px_+_75px_+_58px)] lg:top-[calc(40px_+_75px_+_78px)]
${
@@ -19,7 +19,7 @@ function Information({ doctor, step, setStep, typePay, isPay, disableSide }) {
}
`}
>
<p className="text-[#3B3B3B] text-[20px] font-bold">جزئیات نوبت</p>
<p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">جزئیات نوبت</p>
<Head doctor={doctor} />
<Detail doctor={doctor} step={step} setStep={setStep} />
</div>
components/icons/ArrowLeftOrangeA.js
+1
View File
@@ -6,6 +6,7 @@ function ArrowLeftOrangeA() {
height="25"
viewBox="0 0 24 25"
fill="none"
className="w-[16px] h-[16px]"
>
<path
d="M14.9993 21.17C14.8093 21.17 14.6193 21.1 14.4693 20.95L7.9493 14.43C6.8893 13.37 6.8893 11.63 7.9493 10.57L14.4693 4.04999C14.7593 3.75999 15.2393 3.75999 15.5293 4.04999C15.8193 4.33999 15.8193 4.81999 15.5293 5.10999L9.0093 11.63C8.5293 12.11 8.5293 12.89 9.0093 13.37L15.5293 19.89C15.8193 20.18 15.8193 20.66 15.5293 20.95C15.3793 21.09 15.1893 21.17 14.9993 21.17Z"