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

basic design page doctors

Browse Source
This commit is contained in:
Ehsan
2024-06-24 04:30:26 +03:30
parent 4fbef73d00
commit b03fbc0093
5 changed files with 125 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/home/search/index.js
+35 -35
View File
@@ -5,41 +5,41 @@ import { Button, ButtonGroup, TextField } from "@mui/material";
function SearchBar() {
return (
<ButtonGroup
variant="contained"
className="!py-3 !pl-4 !gap-3 !bg-[#FAFAFA] !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]"
>
<Button className="!border-none" color="secondary" variant="contained">
<div className="min-w-[20px] min-h-[20px]">
<Location />
</div>
<p className="text-[#616161] text-[16px] font-medium mr-1">انتخاب شهر</p>
</Button>
<span className="black w-px h-12 bg-[#EFEFEF]"></span>
<TextField
variant="standard"
InputProps={{
disableUnderline: true
}}
sx={{
'& .MuiInput-root': {
padding: '9px 0',
borderBottom: 'none',
},
'& .MuiInputBase-input': {
color: '#6C757D'
}
}}
placeholder="جستجوی نام پزشک، تخصص، بیماری ..."
dir='rtl'
className={`!shadow-none !w-[524px] bg-[#FAFAFA] !text-[14px] md:!text-[16px] !min-w-[50%] !rounded-0 !font-normal !text-[#6C757D]`}
/>
<Button className="!rounded-[4px] !gap-2.5">
<div className="min-w-[20px] min-h-[20px]">
<Search />
</div>
<p>جستجو</p>
</Button>
</ButtonGroup>
variant="contained"
className="!py-3 !pl-4 !gap-3 !bg-[#FAFAFA] !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]"
>
<Button className="!border-none" color="secondary" variant="contained">
<div className="min-w-[20px] min-h-[20px]">
<Location />
</div>
<p className="text-[#616161] text-[16px] font-medium mr-1">انتخاب شهر</p>
</Button>
<span className="black w-px h-12 bg-[#EFEFEF]"></span>
<TextField
variant="standard"
InputProps={{
disableUnderline: true
}}
sx={{
'& .MuiInput-root': {
padding: '9px 0',
borderBottom: 'none',
},
'& .MuiInputBase-input': {
color: '#6C757D'
}
}}
placeholder="جستجوی نام پزشک، تخصص، بیماری ..."
dir='rtl'
className={`!shadow-none !w-[524px] bg-[#FAFAFA] !text-[14px] md:!text-[16px] !min-w-[50%] !rounded-0 !font-normal !text-[#6C757D]`}
/>
<Button className="!rounded-[4px] !gap-2.5">
<div className="min-w-[20px] min-h-[20px]">
<Search />
</div>
<p>جستجو</p>
</Button>
</ButtonGroup>
)
}