|
|
|
@ -26,8 +26,13 @@ export function Login() {
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div className="login-wrap">
|
|
|
|
<div className="login-wrap">
|
|
|
|
|
|
|
|
<div className="login-brand">
|
|
|
|
|
|
|
|
<h1>SiMS HQ</h1>
|
|
|
|
|
|
|
|
<p>The ops console — clients, documents, payments, AMC and reminders in one place.</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div className="login-form">
|
|
|
|
<div className="login-card">
|
|
|
|
<div className="login-card">
|
|
|
|
<h2 style={{ marginTop: 0 }}>SiMS HQ</h2>
|
|
|
|
<h2 style={{ marginTop: 0 }}>Sign in</h2>
|
|
|
|
<Field label="Email">
|
|
|
|
<Field label="Email">
|
|
|
|
<input
|
|
|
|
<input
|
|
|
|
className="wf" type="email" value={email} autoFocus
|
|
|
|
className="wf" type="email" value={email} autoFocus
|
|
|
|
@ -45,5 +50,6 @@ export function Login() {
|
|
|
|
{error !== undefined && <Notice tone="err">{error}</Notice>}
|
|
|
|
{error !== undefined && <Notice tone="err">{error}</Notice>}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|