| return <div className="flex flex-col md:w-[400px]"> | return <div className="flex flex-col md:w-[400px]"> | ||||
| <div className="mx-auto w-full"> | <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="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> | ||||
| <h2 className="title-4xl-semi-bold">{t('login.invalid')}</h2> | |||||
| <h2 className="title-4xl-semi-bold text-text-primary">{t('login.invalid')}</h2> | |||||
| </div> | </div> | ||||
| <div className="mx-auto mt-6 w-full"> | <div className="mx-auto mt-6 w-full"> | ||||
| <Button variant='primary' className='w-full !text-sm'> | <Button variant='primary' className='w-full !text-sm'> | ||||
| <RiAccountCircleLine className='h-6 w-6 text-2xl text-text-accent-light-mode-only' /> | <RiAccountCircleLine className='h-6 w-6 text-2xl text-text-accent-light-mode-only' /> | ||||
| </div> | </div> | ||||
| <div className='pb-4 pt-2'> | <div className='pb-4 pt-2'> | ||||
| <h2 className='title-4xl-semi-bold'>{t('login.setYourAccount')}</h2> | |||||
| <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.setYourAccount')}</h2> | |||||
| </div> | </div> | ||||
| <form onSubmit={noop}> | <form onSubmit={noop}> | ||||
| <div className='mb-5'> | <div className='mb-5'> | ||||
| <label htmlFor="name" className="system-md-semibold my-2"> | |||||
| <label htmlFor="name" className="system-md-semibold my-2 text-text-secondary"> | |||||
| {t('login.name')} | {t('login.name')} | ||||
| </label> | </label> | ||||
| <div className="mt-1"> | <div className="mt-1"> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div className='mb-5'> | <div className='mb-5'> | ||||
| <label htmlFor="name" className="system-md-semibold my-2"> | |||||
| <label htmlFor="name" className="system-md-semibold my-2 text-text-secondary"> | |||||
| {t('login.interfaceLanguage')} | {t('login.interfaceLanguage')} | ||||
| </label> | </label> | ||||
| <div className="mt-1"> | <div className="mt-1"> | ||||
| </div> | </div> | ||||
| {/* timezone */} | {/* timezone */} | ||||
| <div className='mb-5'> | <div className='mb-5'> | ||||
| <label htmlFor="timezone" className="system-md-semibold"> | |||||
| <label htmlFor="timezone" className="system-md-semibold text-text-secondary"> | |||||
| {t('login.timezone')} | {t('login.timezone')} | ||||
| </label> | </label> | ||||
| <div className="mt-1"> | <div className="mt-1"> | ||||
| </Button> | </Button> | ||||
| </div> | </div> | ||||
| </form> | </form> | ||||
| {!systemFeatures.branding.enabled && <div className="system-xs-regular mt-2 block w-full"> | |||||
| {!systemFeatures.branding.enabled && <div className="system-xs-regular mt-2 block w-full text-text-tertiary"> | |||||
| {t('login.license.tip')} | {t('login.license.tip')} | ||||
| | | ||||
| <Link | <Link |