| | |
| | | return <Loading /> |
| | | if (!checkRes.is_valid) { |
| | | return <div className="flex flex-col md:w-[400px]"> |
| | | <div className="mx-auto w-full"> |
| | | <div className="mb-3 flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle text-2xl font-bold shadow-lg">🤷♂️</div> |
| | | <div className="w-full mx-auto"> |
| | | <div className="mb-3 flex justify-center items-center w-14 h-14 rounded-2xl border border-components-panel-border-subtle shadow-lg text-2xl font-bold">🤷♂️</div> |
| | | <h2 className="title-4xl-semi-bold">{t('login.invalid')}</h2> |
| | | </div> |
| | | <div className="mx-auto mt-6 w-full"> |
| | | <div className="w-full mx-auto mt-6"> |
| | | <Button variant='primary' className='w-full !text-sm'> |
| | | <a href="https://dify.ai">{t('login.explore')}</a> |
| | | </Button> |
| | |
| | | } |
| | | |
| | | 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'> |
| | | <RiAccountCircleLine 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'> |
| | | <RiAccountCircleLine 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'>{t('login.setYourAccount')}</h2> |
| | | </div> |
| | | <form action=''> |
| | | |
| | | <div className='mb-5'> |
| | | <label htmlFor="name" className="system-md-semibold my-2"> |
| | | <label htmlFor="name" className="my-2 system-md-semibold"> |
| | | {t('login.name')} |
| | | </label> |
| | | <div className="mt-1"> |
| | |
| | | </div> |
| | | </div> |
| | | <div className='mb-5'> |
| | | <label htmlFor="name" className="system-md-semibold my-2"> |
| | | <label htmlFor="name" className="my-2 system-md-semibold"> |
| | | {t('login.interfaceLanguage')} |
| | | </label> |
| | | <div className="mt-1"> |
| | |
| | | </Button> |
| | | </div> |
| | | </form> |
| | | <div className="system-xs-regular mt-2 block w-full"> |
| | | <div className="block w-full mt-2 system-xs-regular"> |
| | | {t('login.license.tip')} |
| | | |
| | | <Link |