3c273feb18
Add aria-required to required inputs, role=alert to error messages, aria-label to icon-only list nav buttons, and progressbar ARIA to bag status bars. Replace hardcoded red/green colors with error/success design tokens across all templates. Add toast notifications for entity creation and tab-switch links for empty add-form states. Increase scan upload body limit to 10MB.
38 lines
1.5 KiB
HTML
38 lines
1.5 KiB
HTML
{% extends "base.html" %} {% import "partials/icons.html" as icons %}
|
|
{% block title %}Brewlog · CLI Authentication{% endblock %}
|
|
{% block content %}
|
|
<div class="mx-auto max-w-md">
|
|
<div class="rounded-lg border bg-surface p-6">
|
|
{% if token.is_some() %}
|
|
<div class="flex flex-col items-center text-center gap-3">
|
|
{{ icons::check_circle("h-10 w-10 text-emerald-600 dark:text-emerald-400") }}
|
|
<h1 class="text-2xl font-semibold text-accent">CLI Authenticated</h1>
|
|
<p class="text-sm text-text-secondary">
|
|
Your CLI has been authenticated successfully. You can close this
|
|
window and return to the terminal.
|
|
</p>
|
|
</div>
|
|
{% else if error.is_some() %}
|
|
<div class="flex flex-col items-center text-center gap-3">
|
|
{{ icons::x_circle("h-10 w-10 text-error") }}
|
|
<h1 class="text-2xl font-semibold text-accent">
|
|
Authentication Failed
|
|
</h1>
|
|
<div
|
|
class="w-full rounded-md bg-error-bg border border-error-border p-3 text-sm text-error-text"
|
|
>
|
|
{{ error.as_ref().unwrap() }}
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div class="flex flex-col items-center text-center gap-3">
|
|
{{ icons::spinner("h-10 w-10") }}
|
|
<h1 class="text-2xl font-semibold text-accent">CLI Authentication</h1>
|
|
<p class="text-sm text-text-secondary">
|
|
Processing authentication…
|
|
</p>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|