change design all page & component page booking and account & cleancode

2024-09-01 20:43:53 +03:30
parent 2afd79b84d
commit bb154ac63f
46 changed files with 685 additions and 523 deletions
@@ -0,0 +1,22 @@
+import Detail from "./Detail"
+import Head from "./Head"
+
+function Information({ doctor, typePay, isPay, disableSide }) {
+    return (
+        <div className={`w-full lg:w-[41%] relative ${disableSide ? 'hidden lg:flex' : ''}`}>
+            <div
+                className={`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)]
+                    ${typePay === 'success' || typePay === 'failed' ? 'hidden md:block' : 'block'}
+                `}
+            >
+                <p className="text-[#3B3B3B] text-[20px] font-bold">جزئیات نوبت</p>
+                <Head doctor={doctor} />
+                <Detail doctor={doctor} />
+            </div>
+        </div>
+    )
+}
+
+export default Information