Web UI: equal-width buttons, hotkey letter highlighted inside the label

This commit is contained in:
mram
2026-09-22 19:01:44 +02:00
parent 31ee6013db
commit 2a7e7e7b47
+4 -3
View File
@@ -109,8 +109,9 @@ const uiPage = `<!doctype html>
footer { border-top:1px solid #333; margin-top:10px; padding-top:8px;
display:flex; gap:8px; align-items:center; }
button { background:#1d1d1d; color:#bbb; border:1px solid #444; border-radius:4px;
padding:2px 10px; font:inherit; cursor:pointer; }
padding:2px 10px; font:inherit; cursor:pointer; min-width:14ch; text-align:center; }
button:hover { background:#2c2c2c; color:#eee; }
button .key { color:#26c6da; }
.dim { color:#777; } .up { color:#4caf50; } .down { color:#ef5350; }
.llm { color:#26c6da; } .warn { color:#fbc02d; }
#note { color:#fbc02d; min-height:1.6em; }
@@ -123,8 +124,8 @@ const uiPage = `<!doctype html>
<div id="gpu"></div>
<div id="note"></div>
<footer>
<button id="bu">u update now</button>
<button id="br">r reload config</button>
<button id="bu"><span class="key">u</span>pdate now</button>
<button id="br"><span class="key">r</span>eload config</button>
<span class="dim">refreshes every second</span>
</footer>
<script>