Overhaul the web UI with CSS custom property-based theming and dark mode support. Extract reusable template partials (location search, scan input) and web components (photo-capture, searchable-select). Add version and commit info to page footer. - Replace hardcoded amber palette with semantic theme tokens - Add dark mode with localStorage persistence and system preference detection - Extract <brew-photo-capture> and <searchable-select> web components - Extract location_search and scan_input Askama macros - Add sun/moon, timeline, database, map icons - Display version and git commit in footer - Improve timeline coordinate rounding and map link formatting - Add roast_name, roaster_name, remaining to BagOptionView
24 lines
885 B
HTML
24 lines
885 B
HTML
{% extends "base.html" %}
|
|
{% 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() %}
|
|
<h1 class="text-2xl font-semibold text-green-700">Authenticated</h1>
|
|
<p class="mt-2 text-sm text-stone-600">
|
|
Your CLI has been authenticated. You can close this window.
|
|
</p>
|
|
{% else if error.is_some() %}
|
|
<h1 class="text-2xl font-semibold text-red-700">Authentication Failed</h1>
|
|
<div class="mt-4 rounded-md bg-red-100 border border-red-300 p-3 text-sm text-red-800">
|
|
{{ error.as_ref().unwrap() }}
|
|
</div>
|
|
{% else %}
|
|
<h1 class="text-2xl font-semibold text-accent">CLI Authentication</h1>
|
|
<p class="mt-2 text-sm text-stone-600">
|
|
Processing authentication...
|
|
</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|