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

responsive page home and list

Browse Source
This commit is contained in:
Ehsan
2024-08-14 10:38:07 +03:30
parent 5568a989fe
commit 1341253384
9 changed files with 92 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/home/search/modal/index.js
+7 -6
View File
@@ -31,7 +31,7 @@ function ModalSearchCity() {
<>
{/* Button Modal */}
<Button
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"
className="!border-none hover:!bg-transparent !py-[11.5px] !min-w-fit !px-[7px] sm:!py-3 sm:!px-[9px] md:!px-[11px] lg:!px-[12px] !rounded-3"
onClick={handleOpen}
variant="contained"
color="secondary"
@@ -49,7 +49,7 @@ function ModalSearchCity() {
open={open}
onClose={handleClose}
>
<Box sx={styleDefault}>
<Box sx={styleDefault} className="!w-full !h-full md:!w-fit md:!h-fit">
<div
className="flex justify-end w-full"
>
@@ -57,9 +57,9 @@ function ModalSearchCity() {
<CloseModalD />
</div>
</div>
<div className="px-2">
<p className="text-[#525252] mt-4 text-[16px] font-medium text-center">شهر یا استان مورد نظر را انتخاب نمایید:</p>
<div className="flex flex-col mt-8 mb-14 justify-center items-center gap-10">
<div className="md:p-[24px] pt-0">
<p className="text-[#525252] mt-[38px] md:mt-4 text-[16px] font-medium text-center">شهر یا استان مورد نظر را انتخاب نمایید:</p>
<div className="flex flex-col mt-[52px] md:mt-[44px] mb-14 justify-center items-center gap-10">
<AutoCompleteSelect
list={states}
label='استان'
@@ -71,9 +71,10 @@ function ModalSearchCity() {
</div>
<div className="w-full flex justify-end">
<Button
className="!w-full md:!w-fit !flex !px-3 items-center justify-center gap-1 mr-auto"
onClick={handleClose}
variant="contained"
color="primary"
className="flex !px-3 items-center justify-center gap-1 mr-auto"
>
تایید و ادامه
<ArrowLeftM />