| | |
| | | } |
| | | |
| | | return <div className='flex flex-col gap-3'> |
| | | <div className='inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg'> |
| | | <RiMailSendFill className='h-6 w-6 text-2xl text-text-accent-light-mode-only' /> |
| | | <div className='bg-background-default-dodge border border-components-panel-border-subtle shadow-lg inline-flex w-14 h-14 justify-center items-center rounded-2xl'> |
| | | <RiMailSendFill className='w-6 h-6 text-2xl text-text-accent-light-mode-only' /> |
| | | </div> |
| | | <div className='pb-4 pt-2'> |
| | | <div className='pt-2 pb-4'> |
| | | <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.checkCode.checkYourEmail')}</h2> |
| | | <p className='body-md-regular mt-2 text-text-secondary'> |
| | | <span dangerouslySetInnerHTML={{ __html: t('login.checkCode.tips', { email }) as string }}></span> |
| | |
| | | <Countdown onResend={resendCode} /> |
| | | </form> |
| | | <div className='py-2'> |
| | | <div className='h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div> |
| | | <div className='bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent h-px'></div> |
| | | </div> |
| | | <div onClick={() => router.back()} className='flex h-9 cursor-pointer items-center justify-center text-text-tertiary'> |
| | | <div className='bg-background-default-dimm inline-block rounded-full p-1'> |
| | | <div onClick={() => router.back()} className='flex items-center justify-center h-9 text-text-tertiary cursor-pointer'> |
| | | <div className='inline-block p-1 rounded-full bg-background-default-dimm'> |
| | | <RiArrowLeftLine size={12} /> |
| | | </div> |
| | | <span className='system-xs-regular ml-2'>{t('login.back')}</span> |
| | | <span className='ml-2 system-xs-regular'>{t('login.back')}</span> |
| | | </div> |
| | | </div> |
| | | } |