Improve temperature config checkbox layout

This commit is contained in:
2026-06-05 02:06:25 -06:00
parent 261d8983df
commit 1ee73ad00d
2 changed files with 16 additions and 10 deletions
@@ -56,6 +56,10 @@ input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;ba
.configrow label{color:var(--muted);font-size:12px}
.configrow input[type="checkbox"]{width:auto}
.configrow input{margin:0}
.tempConfigRow{grid-template-columns:90px 1fr auto}
.checkGroup{display:flex;gap:8px;align-items:center;justify-content:flex-end;white-space:nowrap}
.checkPill{display:flex;gap:5px;align-items:center;background:#111923;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px}
.checkPill input{width:auto;margin:0}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.kpi div{background:#0f151d;border:1px solid var(--line);border-radius:12px;padding:10px}
.kpi .num{font-size:20px;font-weight:800;margin-top:4px}
@@ -532,17 +536,19 @@ function renderConfigControls(data){
const tempBox=$("tempConfigList");
if(tempBox){
tempBox.innerHTML=temps.map((t,i)=>`
<div class="configrow">
<div class="configrow tempConfigRow">
<label>${t.id}</label>
<input id="tempName${i}" value="${t.name||""}" placeholder="Temp name">
<label>
<input id="tempEnabled${i}" type="checkbox" ${t.enabled?"checked":""}>
On
</label>
<label>
<input id="tempWeather${i}" type="checkbox" ${t.weather?"checked":""}>
Weather
</label>
<div class="checkGroup">
<label class="checkPill">
<input id="tempEnabled${i}" type="checkbox" ${t.enabled?"checked":""}>
On
</label>
<label class="checkPill">
<input id="tempWeather${i}" type="checkbox" ${t.weather?"checked":""}>
Weather
</label>
</div>
</div>`).join("");
}
}