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

This commit is contained in:
Ehsan
2024-09-01 20:43:53 +03:30
parent 2afd79b84d
commit bb154ac63f
46 changed files with 685 additions and 523 deletions
+10 -6
View File
@@ -1,13 +1,17 @@
import Date from "./date";
import Detail from "./detail";
import Information from "./information"
import Location from "./location"
function BookingPage({ doctor }) {
function BookingPage({ doctor, children, isFirst, disableSide }) {
return (
<div
className="flex flex-col lg:flex-row justify-center gap-0 lg:gap-[24px] padding-responsive
className="flex flex-col lg:flex-row justify-center gap-[12px] sm:gap-[16px] md:gap-[20px] lg:gap-[24px] padding-responsive
items-stretch pt-[calc(12px_+_75px_+_32px)] sm:pt-[calc(21px_+_75px_+_45px)] md:pt-[calc(30px_+_75px_+_58px)] lg:pt-[calc(40px_+_75px_+_78px)]">
<Detail doctor={doctor} />
<Date doctor={doctor} />
{isFirst ? (
<Location disableSide={disableSide} doctor={doctor} />
) : (
<Information disableSide={disableSide} doctor={doctor} />
)}
{children}
</div>
)
}