Web UI: equal-width buttons, hotkey letter highlighted inside the label
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user