devsyncwrld/backspace
1
0
Fork 0
Code Issues Pull Requests Actions 26 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>
{/* Bitrate Step */}
<div>
<div className="text-xs text-txt-secondary mb-1.5">
Slider Step
</div>
<div className="flex items-center gap-2">
{/* Bitrate Step — compact inline row */}
<div className="flex items-center gap-2 pt-1 border-t border-white/[0.04]">
<span className="text-[11px] text-txt-tertiary">Slider step</span>
<input
type="number"
min={50}
@@ -256,10 +253,9 @@ export function StreamingPanel() {
const v = Number(e.target.value);
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>
</div>
<span className="text-[11px] text-txt-tertiary">kbps</span>
</div>
</div>
</div>