chore(webui): redesign the settings page and fix a few display elements

This commit is contained in:
Julien Dessaux 2025-04-07 00:43:35 +02:00
parent 59b3d49a4f
commit f604bb98ab
Signed by: adyxax
GPG key ID: F92E51B86E07177E
6 changed files with 24 additions and 32 deletions

View file

@ -1,23 +1,20 @@
{{ define "main" }}
<h1>Settings</h1>
<form action="/settings" method="post">
<fieldset>
<div class="field middle-align">
<nav>
<div class="max">
<h6>Dark Mode</h6>
</div>
<label class="switch icon">
<input {{ if not .Settings.LightMode }} checked{{ end }}
name="dark-mode"
type="checkbox"
value="1" />
<span>
<i>dark_mode</i>
</span>
</label>
</nav>
<legend>Account Settings</legend>
<div style="align-items:center; display:grid; grid-template-columns:1fr 1fr;">
<label for="dark-mode">Dark mode</label>
<input autofocus
{{ if not .Settings.LightMode }}checked{{ end }}
id="dark-mode"
name="dark-mode"
type="checkbox"
value="1">
</div>
<div style="align-self:stretch; display:flex; justify-content:flex-end;">
<button class="primary" type="submit" value="submit">Save</button>
</div>
<button class="small-round" type="submit" value="login">Save</button>
</fieldset>
</form>
{{ end }}