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

2024-08-30 20:22:41 +03:30
parent 451ae76cb1
commit b058066380
33 changed files with 589 additions and 147 deletions
@@ -9,7 +9,19 @@ function SuccessPay() {
                <TickCircleGreenA />
                <p className="text-[#3B3B3B] text-[20px] font-bold">پرداخت شما با موفقیت انجام شد.</p>
            </div>
-            <p className="text-[#3B3B3B] text-[16px] font-normal mt-[32px] mb-[16px]">برای نمایش نوبت ها به قسمت نوبت های من بروید.  </p>
+            <p
+                className="text-[#3B3B3B] text-[16px] font-normal 
+                mt-[24px] sm:mt-[26px] md:mt-[29px] lg:mt-[32px] 
+                mb-[24px] md:mb-[16px]"
+            >برای نمایش نوبت ها به قسمت نوبت های من بروید.  </p>
+            <div className="flex w-full md:hidden flex-col justify-center items-center mb-[32px]">
+                <span className="w-full block h-px bg-[#EFEFEF]"></span>
+                <div className="flex items-center justify-between my-[20px]">
+                    <p className="text-[#616161] text-[14px] font-medium">مقدار پرداخت شده: </p>
+                    <p className="text-[#05BA58] text-[14px] font-bold">20،000 تومان</p>
+                </div>
+                <span className="w-full block h-px bg-[#EFEFEF]"></span>
+            </div>
            <Button
                variant="text"
                className="!flex !items-center !justify-center !gap-[4px]"