design dark mode head page turns
This commit is contained in:
@@ -7,10 +7,16 @@ function Date() {
|
||||
انتخاب بازه زمانی
|
||||
</p>
|
||||
<ButtonGroup variant="outlined">
|
||||
<Button className="!border-[#EFEFEF] !bg-[#FFF] !py-[4.5px] !px-[33px] !text-[#7E7E7E] !text-[16px] !font-normal">
|
||||
<Button
|
||||
className="!border-[#EFEFEF] dark:!border-[#343645] !bg-[#FFF] dark:!bg-[#222433] !py-[4.5px] !text-[#7E7E7E]
|
||||
dark:!text-[#A1A1A1] !text-[16px] !font-normal !w-[115px]"
|
||||
>
|
||||
از تاریخ
|
||||
</Button>
|
||||
<Button className="!border-[#EFEFEF] !bg-[#FFF] !py-[4.5px] !px-[33px] !text-[#7E7E7E] !text-[16px] !font-normal">
|
||||
<Button
|
||||
className="!border-[#EFEFEF] dark:!border-[#343645] !bg-[#FFF] dark:!bg-[#222433] !py-[4.5px] !text-[#7E7E7E]
|
||||
dark:!text-[#A1A1A1] !text-[16px] !font-normal !w-[115px]"
|
||||
>
|
||||
تا تاریخ
|
||||
</Button>
|
||||
</ButtonGroup>
|
||||
|
||||
@@ -40,7 +40,7 @@ function SearchDoctor() {
|
||||
</ButtonGroup>
|
||||
<Button
|
||||
variant="outlined"
|
||||
className="!border-[#5559CE] !flex !text-[14px] md:!text-[16px] !items-center !gap-[4px] md:!gap-[5px] lg:!gap-[6px] !rounded-[4px] !py-[8px] md:!py-[9px] !px-[12px] sm:!px-[14px] md:!px-[16px] lg:!px-[18px]"
|
||||
className="!border-[#5559CE] dark:!bg-[#C7CEF4] !flex !text-[14px] md:!text-[16px] !items-center !gap-[4px] md:!gap-[5px] lg:!gap-[6px] !rounded-[4px] !py-[8px] md:!py-[9px] !px-[12px] sm:!px-[14px] md:!px-[16px] lg:!px-[18px]"
|
||||
>
|
||||
<ExportP />
|
||||
خروجی گرفتن
|
||||
|
||||
@@ -5,7 +5,7 @@ function Head() {
|
||||
return (
|
||||
<div className="w-full">
|
||||
<div className="flex flex-col sm:flex-row items-start md:items-center justify-start gap-[10px]">
|
||||
<p className="text-[#525252] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">
|
||||
<p className="text-[#525252] dark:text-[#D7D8ED] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">
|
||||
لیست نوبت های پزشکان
|
||||
</p>
|
||||
<Date />
|
||||
|
||||
@@ -15,7 +15,7 @@ function TurnsPage({ data }) {
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="bg-transparent md:bg-[#FFF] opacity-page rounded-[8px] shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] pt-0 md:pt-[12px] lg:pt-[24px] px-0 md:px-[24px] p-[24px]">
|
||||
<div className="bg-transparent dark:shadow-[0px_4px_25px_10px_#1F1D2B] dark:bg-[#222433] md:bg-[#FFF] opacity-page rounded-[8px] shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] pt-0 md:pt-[12px] lg:pt-[24px] px-0 md:px-[24px] p-[24px]">
|
||||
<Head />
|
||||
<List data={data} loading={loading} />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user