responsive elements & design dark mode page turns

This commit is contained in:
Ehsan
2024-10-02 15:15:58 +03:30
parent a98ce35b33
commit 3a4159e5b6
7 changed files with 33 additions and 15 deletions
@@ -27,21 +27,23 @@ function ModalAnswer({ doctor }) {
<Modal open={open} onClose={handleClose}>
<Box
sx={styleDefault}
className="!w-full !h-full md:!w-fit md:!h-fit !px-[24px] !pt-[13px] !pb-[30px] !rounded-none md:!rounded-lg"
className="!w-full md:!min-w-[485px] !h-full md:!w-fit md:!h-fit !px-[24px] !pt-[22px] !pb-[30px] !rounded-none md:!rounded-lg"
>
<div
className="w-full flex justify-end cursor-pointer"
onClick={handleClose}
>
<CloseModalD />
<div className="flex items-center justify-between w-full">
<p className="text-[16px] text-[#525252] font-bold">
امتیاز شما به دکتر مهران امینی
</p>
<div className="cursor-pointer" onClick={handleClose}>
<CloseModalD />
</div>
</div>
<p className="text-[16px]">امتیاز شما به دکتر مهران امینی</p>
<Rating
className="!my-[24px]"
dir="ltr"
sx={{
"& .MuiSvgIcon-root": {
width: "12px",
height: "12px",
width: "16px",
height: "16px",
},
}}
/>
@@ -39,7 +39,6 @@ function Form() {
return hourSelected + 1 > hours;
}
};
// console.log(data);
return (
<div className="flex flex-col w-full-content">
+1 -1
View File
@@ -7,7 +7,7 @@ function UserAccountPage({ data }) {
className="
opacity-page rounded-[8px] bg-transparent md:bg-[#FFF]
shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] py-0 md:py-[16px] lg:py-[32px]
px-0 sm:px-[14px] md:px-[24px] lg:px-[44px] xl:px-[112px] dark:shadow-[0px_4px_25px_10px_#1F1D2B] dark:bg-[#222433]
px-0 sm:px-[14px] md:px-[24px] lg:px-[44px] xl:px-[112px] dark:shadow-[0px_4px_25px_10px_#1F1D2B] dark:bg-transparent md:dark:bg-[#222433]
"
>
<Head />