devsyncwrld/backspace
1
0
Fork 0
Code Issues Pull Requests Actions 39 Packages Projects Releases Wiki Activity

fix: make slider step a compact inline row instead of prominent section

Browse Source
This commit is contained in:
Jannis Braun
2026-03-22 01:25:03 +01:00
parent 30cbf58770
commit eff3210f29
1 changed files with 16 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/src/components/modals/instanceSettingsPanels/StreamingPanel.tsx
+5 -9
View File
@@ -240,12 +240,9 @@ export function StreamingPanel() {
</div> </div>
</div> </div>
{/* Bitrate Step */} {/* Bitrate Step — compact inline row */}
<div> <div className="flex items-center gap-2 pt-1 border-t border-white/[0.04]">
<div className="text-xs text-txt-secondary mb-1.5"> <span className="text-[11px] text-txt-tertiary">Slider step</span>
Slider Step
</div>
<div className="flex items-center gap-2">
<input <input
type="number" type="number"
min={50} min={50}
@@ -256,10 +253,9 @@ export function StreamingPanel() {
const v = Number(e.target.value); const v = Number(e.target.value);
if (v >= 50 && v <= 5000) setDraft({ ...draft, bitrateStepKbps: v }); if (v >= 50 && v <= 5000) setDraft({ ...draft, bitrateStepKbps: v });
}} }}
className="input-standard w-24 px-2 py-1" className="input-standard w-16 px-1.5 py-0.5 text-xs text-center"
/> />
<span className="text-[12px] text-txt-tertiary">kbps</span> <span className="text-[11px] text-txt-tertiary">kbps</span>
</div>
</div> </div>
</div> </div>
</div> </div>