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

change style menu home & responsive head and footer home & list doctors

Browse Source
This commit is contained in:
Ehsan
2024-08-11 06:46:35 +03:30
parent 0afe0a39b0
commit 697bde2f5d
13 changed files with 98 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/home/FrequentSearches.js
+2 -2
View File
@@ -3,7 +3,7 @@ import { Button } from "@mui/material"
function FrequentSearches() {
return (
<div className="flex mt-3 items-center justify-start lg:justify-center gap-4 w-full lg:w-fit">
<div className="flex mt-3 items-center justify-start lg:justify-center gap-[8px] sm:gap-[10px] md:gap-[13px] lg:gap-[16px] w-full lg:w-fit">
<p className="text-[#3B3B3B] text-[16px] font-normal text-nowrap">جستجوهای پر تکرار:</p>
<div className="overflow-auto hidden-scroll">
<ul className="flex items-center justify-start gap-[14px]">
@@ -12,7 +12,7 @@ function FrequentSearches() {
<Button
variant="contained"
color="secondary"
className="!py-2 !px-4 !rounded-[4px] !shadow-none !text-[14px] !font-normal !border !border-solid !border-[#D7D7D7]"
className="!py-2 !px-[12px] sm:!px-[14px] md:!px-[15px] lg:!px-[16px] !text-[12px] lg:!text-[14px] !rounded-[4px] !shadow-none !font-normal !border !border-solid !border-[#D7D7D7]"
>{item}</Button>
</li>
))}
components/home/index.js
+7 -2
View File
@@ -10,8 +10,13 @@ function HomePage() {
<div className="bg-banner-home !bg-center !bg-no-repeat !bg-cover">
<div className="padding-responsive min-h-screen pt-[120px] flex items-center justify-center flex-col gap-[64px]">
<div>
<p className="text-[#D15B56] text-center font-kalame text-[32px] font-bold">نوبت ۷۲۴</p>
<p className="text-[#525252] text-center mt-2.5 font-kalame text-[36px] font-bold flex items-center gap-3">
<p
className="text-[#D15B56] text-center font-kalame text-[20px] sm:text-[24px] md:text-[28px] lg:text-[32px] font-bold"
>نوبت ۷۲۴</p>
<p
className="text-[#525252] text-center mt-2.5 font-kalame text-[20px] sm:text-[25px] md:text-[31px] lg:text-[36px]
font-bold flex items-center gap-3"
>
<BText />
میتونی آنلاین نوبت بگیری!
<AText />
components/home/search/index.js
+5 -2
View File
@@ -36,13 +36,16 @@ function SearchBar() {
dir='rtl'
className={`!shadow-none !w-full lg:!w-[524px] bg-[#FAFAFA] !text-[14px] md:!text-[16px] !rounded-0 !font-normal !text-[#6C757D]`}
/>
<Button className="!hidden lg:!flex !rounded-[4px] !gap-2.5 !min-w-[114px]">
<Button className="!hidden lg:!flex !rounded-[4px] !h-[40px] sm:!h-[42px] md:!h-[45px] lg:!h-[48px] !gap-2.5 !min-w-[114px]">
<div className="min-w-[20px] min-h-[20px]">
<Search />
</div>
<p>جستجو</p>
</Button>
<Button className="!flex lg:!hidden !rounded-[4px] !gap-2.5 !p-2.5 !w-[40px] !h-[40px]">
<Button
className="!flex lg:!hidden !rounded-[4px] !w-[40px] sm:!w-[42px] md:!w-[45px] lg:!w-[48px]
!h-[40px] sm:!h-[42px] md:!h-[45px] lg:!h-[48px] !gap-2.5 !p-2.5"
>
<SearchD />
</Button>
</ButtonGroup>
components/home/search/modal/index.js
+6 -4
View File
@@ -31,16 +31,18 @@ function ModalSearchCity() {
<>
{/* Button Modal */}
<Button
className="!border-none hover:!bg-transparent !min-w-[155px] !py-0 lg:!py-[9px]"
className="!border-none hover:!bg-transparent !py-[11.5px] !px-[7px] sm:!py-3 sm:!px-[9px] md:!px-[11px] lg:!px-[12px] min-w-fit !rounded-3"
onClick={handleOpen}
variant="contained"
color="secondary"
>
<div className="min-w-[20px] min-h-[20px]">
<div className="min-w-[20px] min-h-[20px] hidden md:flex">
<Location />
</div>
<p className="text-[#616161] text-[16px] font-medium mx-1">انتخاب شهر</p>
<ArrowBottomH />
<p className="text-[#616161] text-[16px] leading-[17px] sm:leading-[19px] md:leading-[22px] lg:leading-[24px] font-medium ml-1 md:mx-1">انتخاب شهر</p>
<div className="w-[16px] h-[16px] md:w-[18px] md:h-[18px] lg:w-[20px] lg:h-[20px] grid place-items-center">
<ArrowBottomH />
</div>
</Button>
{/* Content Modal */}
<Modal