dark mode page turns

This commit is contained in:
Ehsan
2024-09-30 07:55:55 +03:30
parent 4fad4cbbe5
commit 6ed475ef35
4 changed files with 16 additions and 11 deletions
+4 -4
View File
@@ -8,8 +8,8 @@ function SearchDoctor() {
<div className="flex flex-col sm:flex-row items-start sm:items-center gap-y-[20px] justify-between mt-[20px] md:mt-[22px] lg:mt-[24px] ">
<ButtonGroup
variant="contained"
className="!bg-[#FFF] lg:!w-[55%] !rounded-[4px] !overflow-hidden
flex items-center !shadow-none !h-fit !p-1 !border !border-[#EFEFEF]"
className="lg:!w-[55%] !rounded-[4px] !overflow-hidden
flex items-center !shadow-none !h-fit !p-1 !border !border-[#EFEFEF] dark:!border-[#343645]"
>
<TextField
variant="standard"
@@ -21,14 +21,14 @@ function SearchDoctor() {
"& .MuiInputBase-root": { height: "100%" },
"& .MuiInput-root": { borderBottom: "none" },
"& .MuiInputBase-input": {
background: "transparent",
// background: "red !important",
color: "#7E7E7E",
padding: "0",
},
}}
placeholder="جستجو براساس نام پزشک..."
dir="rtl"
className={`!shadow-none !w-full !px-5 !h-full bg-[#FAFAFA] !text-[14px] md:!text-[16px] !min-w-[50%] !rounded-0 !font-normal !text-[#6C757D]`}
className={`!shadow-none !w-full !px-5 !h-full !text-[14px] md:!text-[16px] !min-w-[50%] !rounded-0 !font-normal !text-[#6C757D]`}
/>
<Button
className="
+6 -6
View File
@@ -17,7 +17,7 @@ function Table({ data, loading }) {
{data.list_of_doctors_appointments.map((row, idx) => (
<TableRow key={idx} className="!border-0 !border-b !border-[#DBDBDB]">
<TableCell
className="!text-[#616161] !text-[16px] !font-medium !pr-[18px] !text-nowrap"
className="!text-[#616161] dark:!text-[#A1A1A1] !text-[16px] !font-medium !pr-[18px] !text-nowrap"
align="center"
>
<TextLoading width={15} height={18} loading={loading}>
@@ -25,7 +25,7 @@ function Table({ data, loading }) {
</TextLoading>
</TableCell>
<TableCell
className="!text-[#616161] !text-[16px] !font-medium !pr-[18px] !text-nowrap"
className="!text-[#616161] dark:!text-[#A1A1A1] !text-[16px] !font-medium !pr-[18px] !text-nowrap"
component="th"
scope="row"
>
@@ -39,7 +39,7 @@ function Table({ data, loading }) {
</div>
</TableCell>
<TableCell
className="!text-[#616161] !text-[16px] !font-medium !text-start !pr-[18px] !text-nowrap"
className="!text-[#616161] dark:!text-[#A1A1A1] !text-[16px] !font-medium !text-start !pr-[18px] !text-nowrap"
align="right"
>
<TextLoading width={50} height={18} loading={loading}>
@@ -47,7 +47,7 @@ function Table({ data, loading }) {
</TextLoading>
</TableCell>
<TableCell
className="!text-[#616161] !text-[16px] !font-medium !text-start !pr-[18px] !text-nowrap"
className="!text-[#616161] dark:!text-[#A1A1A1] !text-[16px] !font-medium !text-start !pr-[18px] !text-nowrap"
align="left"
>
<TextLoading width={50} height={18} loading={loading}>
@@ -55,7 +55,7 @@ function Table({ data, loading }) {
</TextLoading>
</TableCell>
<TableCell
className="!text-[#616161] !text-[16px] !font-medium !text-center !pr-[18px] !text-nowrap"
className="!text-[#616161] dark:!text-[#A1A1A1] !text-[16px] !font-medium !text-center !pr-[18px] !text-nowrap"
align="right"
>
<TextLoading width={50} height={18} loading={loading}>
@@ -63,7 +63,7 @@ function Table({ data, loading }) {
</TextLoading>
</TableCell>
<TableCell
className="!text-[#616161] !text-[16px] !font-medium !pr-[18px] !text-nowrap"
className="!text-[#616161] dark:!text-[#A1A1A1] !text-[16px] !font-medium !pr-[18px] !text-nowrap"
align="left"
>
<CustomLoading width={80} height={22} loading={loading}>