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

responsive page about-us & contact-us & item clinic

Browse Source
This commit is contained in:
Ehsan
2024-08-21 21:45:45 +03:30
parent dfd7360be5
commit c62fb78f8c
14 changed files with 98 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/register/SetCodePage.js
+14 -10
View File
@@ -2,6 +2,7 @@ import { Button } from "@mui/material"
import ArrowRightS from "../icons/ArrowRightS"
import OTPForm from "./element/OTPForm"
import ArrowLeftOrangeS from "../icons/ArrowLeftOrangeS"
import Link from "next/link"
function SetCodePage({ setIsSendMsg }) {
@@ -11,18 +12,19 @@ function SetCodePage({ setIsSendMsg }) {
}
return (
<div className='rounded-[16px] mt-[32px] border border-solid border-[#EFEFEF] bg-[#FFF] p-[40px] pb-[48px] min-w-[425px]'>
<div className='rounded-[16px] mt-[51px] sm:mt-[45px] md:mt-[39px] lg:mt-[32px] border border-solid sm:border-[#EFEFEF] bg-transparent sm:bg-[#FFF]
p-0 border-transparent sm:p-[40px] sm:pb-[48px] w-full sm:w-fit sm:min-w-[425px]'>
<div
className="cursor-pointer"
onClick={() => setIsSendMsg(false)}
>
<ArrowRightS />
</div>
<p className='text-[#525252] mt-4 text-[18px] font-bold'>کد تایید را وارد نمایید</p>
<p className='text-[#616161] mt-[24px] text-[14px] font-normal text-right'>
<p className='text-[#525252] mt-[10px] sm:mt-[12px] md:mt-[14px] lg:mt-[16px] text-[18px] font-bold'>کد تایید را وارد نمایید</p>
<p className='text-[#616161] mt-[16px] sm:mt-[19px] md:mt-[22px] lg:mt-[24px] text-[14px] font-normal text-right'>
کد تایید برای شماره 09013261200 ارسال شد.
</p>
<div className='mt-[32px] mb-[48px]'>
<div className='mt-[26px] sm:mt-[28px] md:mt-[30px] lg:mt-[32px] mb-[56px] sm:mb-[47px] md:mb-[38px] lg:mb-[30px]'>
<div className="w-full mb-[27px] flex items-center justify-center gap-2 sm:gap-6" dir='ltr'>
<OTPForm handleOTP={handleOTP} />
<OTPForm handleOTP={handleOTP} />
@@ -35,12 +37,14 @@ function SetCodePage({ setIsSendMsg }) {
<ArrowLeftOrangeS />
</Button>
</div>
<Button
fullWidth
variant='contained'
onClick={() => setIsSendMsg(true)}
className='!rounded-[8px] !bg-[#5559CE]'
>تایید</Button>
<Link href='/'>
<Button
fullWidth
variant='contained'
onClick={() => setIsSendMsg(true)}
className='!rounded-[8px] !bg-[#5559CE]'
>تایید</Button>
</Link>
</div>
)
}