hamed/nobat724_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive page user-account & add-doctor & turns & add loading to all page panel & change design page dashboard

Browse Source
This commit is contained in:
Ehsan
2024-09-14 02:41:38 +03:30
parent d1f289bdca
commit 9d1c4aa299
60 changed files with 459 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/panel/turns/head/Date.js
+17 -14
View File
@@ -2,21 +2,24 @@ import { Button, ButtonGroup } from "@mui/material"
function Date() {
return (
<ButtonGroup
variant="outlined"
className=""
>
<Button
className="!border-[#EFEFEF] !bg-[#FFF] !py-[4.5px] !px-[33px] !text-[#7E7E7E] !text-[16px] !font-normal"
<div className="flex items-center justify-start gap-y-[20px] gap-[8px] md:gap-0">
<p className="text-[#616161] text-[14px] font-normal md:hidden">انتخاب بازه زمانی</p>
<ButtonGroup
variant="outlined"
className=""
>
از تاریخ
</Button>
<Button
className="!border-[#EFEFEF] !bg-[#FFF] !py-[4.5px] !px-[33px] !text-[#7E7E7E] !text-[16px] !font-normal"
>
تا تاریخ
</Button>
</ButtonGroup>
<Button
className="!border-[#EFEFEF] !bg-[#FFF] !py-[4.5px] !px-[33px] !text-[#7E7E7E] !text-[16px] !font-normal"
>
از تاریخ
</Button>
<Button
className="!border-[#EFEFEF] !bg-[#FFF] !py-[4.5px] !px-[33px] !text-[#7E7E7E] !text-[16px] !font-normal"
>
تا تاریخ
</Button>
</ButtonGroup>
</div>
)
}
components/panel/turns/head/SearchDoctor.js
+4 -4
View File
@@ -5,11 +5,11 @@ import { Button, ButtonGroup, TextField } from '@mui/material'
function SearchDoctor() {
return (
<div className="flex items-center justify-between">
<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%] !mt-[24px] !rounded-[4px] !overflow-hidden
flex items-center !shadow-none !h-fit !p-1 !border !border-[#EFEFEF]"
className="!bg-[#FFF] lg:!w-[55%] !rounded-[4px] !overflow-hidden
flex items-center !shadow-none !h-fit !p-1 !border !border-[#EFEFEF]"
>
<TextField
variant="standard"
@@ -40,7 +40,7 @@ function SearchDoctor() {
</ButtonGroup>
<Button
variant='outlined'
className='!border-[#5559CE] !flex !items-center !gap-[6px] !rounded-[4px]'
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]'
>
<ExportP />
خروجی گرفتن
components/panel/turns/head/index.js
+2 -2
View File
@@ -4,8 +4,8 @@ import SearchDoctor from "./SearchDoctor"
function Head() {
return (
<div className="w-full">
<div className="flex items-center justify-start gap-[10px]">
<p className="text-[#525252] text-[20px] font-bold">لیست نوبت های پزشکان</p>
<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>
<Date />
</div>
<SearchDoctor />