etalon
0dcc0bc823
Log in / Continue with SSO now sit in a wrapping button row; "Forgot password? · Create an account" moves to a left-aligned line below instead of being crammed beside the button (where "Create an account" wrapped and misaligned). Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
29 lines
1.0 KiB
HTML
29 lines
1.0 KiB
HTML
{{define "content"}}
|
|
<header class="masthead">
|
|
<p class="masthead-kicker">Consulting Work Exchange</p>
|
|
<p class="masthead-title">◈ {{.Brand}}</p>
|
|
<p class="masthead-rule">❦</p>
|
|
</header>
|
|
<div class="card">
|
|
<h1>Log in</h1>
|
|
<div class="error-box" id="error" role="alert">{{.Error}}</div>
|
|
<form id="login-form">
|
|
<div class="field">
|
|
<label for="email">Email</label>
|
|
<input type="email" id="email" name="email" autocomplete="email" required>
|
|
</div>
|
|
<div class="field">
|
|
<label for="password">Password</label>
|
|
<input type="password" id="password" name="password" autocomplete="current-password" required>
|
|
</div>
|
|
<div class="login-actions">
|
|
<button class="btn primary" type="submit">Log in</button>
|
|
{{if .OIDCEnabled}}<a class="btn" href="/api/v1/auth/oidc/login">Continue with SSO</a>{{end}}
|
|
</div>
|
|
</form>
|
|
<p class="muted mt" style="margin-bottom:0">
|
|
<a href="/forgot-password">Forgot password?</a> · <a href="/register">Create an account</a>
|
|
</p>
|
|
</div>
|
|
{{end}}
|