responsive tabs add-doctor

This commit is contained in:
Ehsan
2024-09-30 08:43:55 +03:30
parent ee46a8c447
commit 567b2cf921
7 changed files with 18 additions and 7 deletions
+2 -1
View File
@@ -19,9 +19,10 @@ function AutoCompleteSelect({ list, isError, updateData, name, label }) {
"& input[type=number]": { "& input[type=number]": {
MozAppearance: "textfield", MozAppearance: "textfield",
}, },
"& .MuiInputBase-input": { padding: "12.5px 14px !important" },
"& .MuiInputBase-root": { "& .MuiInputBase-root": {
borderRadius: 2, borderRadius: 2,
padding: "5px 16px !important", padding: "0 !important",
}, },
"& .MuiOutlinedInput-notchedOutline": { "& .MuiOutlinedInput-notchedOutline": {
border: "1px solid #D7D7D7", border: "1px solid #D7D7D7",
@@ -3,7 +3,7 @@ import Head from "./Head";
function GeneralInformation() { function GeneralInformation() {
return ( return (
<div className="opacity-page"> <div className="opacity-page pb-[24px]">
<Head /> <Head />
<Form /> <Form />
</div> </div>
@@ -4,7 +4,7 @@ import Form from "./Form";
function OfficeInformation() { function OfficeInformation() {
return ( return (
<div className="opacity-page"> <div className="opacity-page pb-[24px]">
<Form /> <Form />
<div className="mt-[40px] w-full flex justify-end"> <div className="mt-[40px] w-full flex justify-end">
<Button <Button
@@ -5,7 +5,7 @@ import ArrowLeftWhiteD from "@/components/icons/ArrowLeftWhiteD";
function SpecialDays() { function SpecialDays() {
return ( return (
<div className="opacity-page"> <div className="opacity-page pb-[24px]">
<Form /> <Form />
<List /> <List />
<Button <Button
@@ -4,7 +4,7 @@ import ArrowLeftWhiteD from "@/components/icons/ArrowLeftWhiteD";
function Turns() { function Turns() {
return ( return (
<div className="opacity-page"> <div className="opacity-page pb-[24px]">
<Form /> <Form />
<Button <Button
className="!gap-[4px] !w-full md:!w-fit !mr-auto !text-nowrap !flex !flex-nowrap !py-[8px] className="!gap-[4px] !w-full md:!w-fit !mr-auto !text-nowrap !flex !flex-nowrap !py-[8px]
@@ -1,12 +1,22 @@
import { Button } from "@mui/material";
import List from "./List"; import List from "./List";
import ArrowLeftWhiteD from "@/components/icons/ArrowLeftWhiteD";
function WorkingDays() { function WorkingDays() {
return ( return (
<div className="opacity-page"> <div className="opacity-page pb-[24px]">
<p className="text-[#525252] dark:text-[#D7D8ED] text-[14px] md:text-[16px] text-center md:text-start font-bold"> <p className="text-[#525252] dark:text-[#D7D8ED] text-[14px] md:text-[16px] text-center md:text-start font-bold">
لیست روزهای کاری لیست روزهای کاری
</p> </p>
<List /> <List />
<Button
className="!gap-[4px] !w-full md:!w-fit !mr-auto !text-nowrap !flex !flex-nowrap !py-[8px]
!bg-[#5559CE] !rounded-[4px] !text-[#EFEFEF] !text-[14px] md:!text-[16px] !font-medium
!mt-[48px] md:!mt-[44px] lg:!mt-[40px] !px-[16px] sm:!px-[19px] md:!px-[22px] lg:!px-[24px]"
>
ثبت اطلاعات
<ArrowLeftWhiteD />
</Button>
</div> </div>
); );
} }
@@ -14,7 +14,7 @@ function ModalAddTime({ handleOpen, isMorgen, idx, setDataChange }) {
idx, idx,
}); });
}} }}
className="!gap-[2px] !min-w-[146px] sm:!gap-[4px] md:!gap-[6px] lg:!gap-[8px] !p-1 !text-[#5559CE] !text-[14px] md:!text-[16px] !font-medium" className="!gap-[2px] md:!min-w-[146px] sm:!gap-[4px] md:!gap-[6px] lg:!gap-[8px] !p-1 !text-[#5559CE] !text-[14px] md:!text-[16px] !font-medium"
> >
<AddTimeP /> <AddTimeP />
انتخاب کنید انتخاب کنید