Form: room for the width/height unit selector
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
2 changed files+3−1
src/style.cssmodified+2−1View file
@@ -24,7 +24,7 @@ h2 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color:
2424 a { color: var(--accent2); }
2525 details { border-top: 1px solid var(--border); padding: 4px 0; }
2626 details summary { cursor: pointer; font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--muted); padding: 4px 0; }
27-.field { display: grid; grid-template-columns: 1fr 96px 34px; align-items: center; gap: 6px; margin: 3px 0; }
27+.field { display: grid; grid-template-columns: 1fr 92px 46px; align-items: center; gap: 6px; margin: 3px 0; }
2828 .field label { color: var(--text); }
2929 .field .unit { color: var(--muted); font-size: 11px; }
3030 input[type=number], select {
@@ -57,3 +57,4 @@ button.primary:hover { background: #f8c453; }
5757 #nogpu { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; text-align: center; color: #ff8a8a; background: var(--bg); }
5858 .seg button.on { background: var(--accent2); border-color: var(--accent2); color: white; }
5959 .field[hidden] { display: none; }
60+.field select.unit-select { padding: 3px 2px; font-size: 11px; }
src/ui/form.tsmodified+1−0View file
@@ -232,6 +232,7 @@ export class ParamForm {
232232 sel.appendChild(o);
233233 }
234234 sel.value = this.sizeUnit;
235+ sel.className = "unit-select";
235236 sel.addEventListener("change", () => {
236237 this.sizeUnit = sel.value as SizeUnit;
237238 for (const el of this.sizeUnitLabels) el.textContent = this.sizeUnit;