design dark mode tab detail & turns & working days

This commit is contained in:
Ehsan
2024-09-29 11:50:10 +03:30
parent ffe60530b7
commit 3797a88318
6 changed files with 31 additions and 39 deletions
+1 -1
View File
@@ -36,7 +36,7 @@ function AddDoctorPage() {
return (
<div className="opacity-page">
<p className="text-[#525252] text-[20px] font-bold hidden md:flex">
<p className="text-[#525252] dark:text-[#D7D8ED] text-[20px] font-bold hidden md:flex">
پروفایل من
</p>
<Button
@@ -10,7 +10,7 @@ function Head() {
</div>
<Button
variant="text"
className="!flex !p-1 !text-[#525252] !text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
className="!flex !p-1 dark:!text-[#A1A1A1] !text-[#525252] !text-[16px] !font-medium !items-center !justify-center !gap-[4px]"
>
انتخاب تصویر
<ArrowLeftPU />
@@ -31,37 +31,37 @@ function List() {
});
return (
<div className="w-full flex justify-center">
<div className="w-full flex justify-center table-profile-page">
<TableContainer
className="!mt-[40px] md:!mt-[36px] lg:!mt-[32px] !w-fit"
sx={{
"&.MuiTableContainer-root": {
boxShadow: "none !important",
border: "none !important",
borderBottom: "1px solid #DBDBDB !important",
},
"& .MuiTableRow-root th, .MuiTableRow-root td": {
borderBottom: "none !important",
// borderBottom: "none !important",
// border: "1px solid #343645 !important",
},
}}
>
<Table>
<TableHead className="!py-2">
<TableRow className="!bg-[#EFEFEF] !py-2">
<TableRow className="!bg-[#EFEFEF] !py-2 dark:!bg-[#343645]">
<TableCell
className="!py-[10px] !text-[#616161] !text-[14px] !font-normal"
className="!py-[10px] !text-[#616161] dark:!text-[#FAFAFA] !text-[14px] !font-normal"
align="left"
>
روز های هفته
</TableCell>
<TableCell
className="!py-[10px] !text-[#616161] !text-[14px] !font-normal"
className="!py-[10px] !text-[#616161] dark:!text-[#FAFAFA] !text-[14px] !font-normal"
align="left"
>
تایم صبح
</TableCell>
<TableCell
className="!py-[10px] !text-[#616161] !text-[14px] !font-normal"
className="!py-[10px] !text-[#616161] dark:!text-[#FAFAFA] !text-[14px] !font-normal"
align="left"
>
تایم عصر
@@ -75,7 +75,7 @@ function List() {
sx={{ "&:last-child td, &:last-child th": { border: 0 } }}
>
<TableCell
className="!border-[1px] !border-[#DBDBDB]"
className="!border-[1px] !border-[#DBDBDB] dark:!text-[#A1A1A1]"
component="th"
scope="row"
>
@@ -3,7 +3,7 @@ import List from "./List";
function WorkingDays() {
return (
<div className="opacity-page">
<p className="text-[#525252] 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>
<List />