style(webui): unify UI across all pages to solid modern system

tokens instead of hardcoded, v9 everywhere, dialog guarded, confirm->dialog, empty unified, health out of nav, swagger icons/topbar, gutters, th uppercase, content 1280 centered.
This commit is contained in:
2026-09-08 12:30:50 +02:00
parent 2a75537fb9
commit ef62b8e94a
9 changed files with 1587 additions and 1668 deletions
+4 -4
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Telegram Scraper Viewer</title>
<link rel="stylesheet" href="/static/style.css?v=8" />
<link rel="stylesheet" href="/static/style.css?v=9" />
</head>
<body>
<div class="viewer-shell">
@@ -15,7 +15,7 @@
<h1>Messages</h1>
<p class="muted small">
Account:
<select id="viewer-account-select"></select>
<select id="viewer-account-select" aria-label="Viewer account"></select>
</p>
</div>
<button id="sidebar-toggle" class="button button-small sidebar-toggle"></button>
@@ -31,7 +31,7 @@
<p id="viewer-subtitle" class="muted">Reading messages from the local SQLite database.</p>
</div>
<div class="viewer-tools">
<input id="viewer-search" type="search" placeholder="Search messages" />
<input id="viewer-search" type="search" placeholder="Search messages" aria-label="Search messages" />
<label class="viewer-auto-refresh">
<input id="viewer-auto-refresh" type="checkbox" checked />
<span>Auto-refresh</span>
@@ -80,6 +80,6 @@
</div>
</template>
<script src="/static/viewer.js"></script>
<script src="/static/viewer.js?v=9"></script>
</body>
</html>