fix: update invite settings page style in dark mode (#23571)
This commit is contained in:
@@ -74,7 +74,7 @@ export default function InviteSettingsPage() {
|
|||||||
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'>
|
||||||
@@ -89,11 +89,11 @@ export default function InviteSettingsPage() {
|
|||||||
<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">
|
||||||
@@ -114,7 +114,7 @@ export default function InviteSettingsPage() {
|
|||||||
</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">
|
||||||
@@ -129,7 +129,7 @@ export default function InviteSettingsPage() {
|
|||||||
</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">
|
||||||
@@ -152,7 +152,7 @@ export default function InviteSettingsPage() {
|
|||||||
</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
|
||||||
|
Reference in New Issue
Block a user