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

fix: add editable input alongside slider step presets for custom values

Browse Source
This commit is contained in:
Jannis Braun
2026-03-22 01:44:24 +01:00
parent 46f17cf172
commit 4c4bd8dec6
1 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/src/components/modals/instanceSettingsPanels/StreamingPanel.tsx
+17 -2
View File
@@ -240,9 +240,24 @@ export function StreamingPanel() {
</div> </div>
</div> </div>
{/* Bitrate Step — pill presets */} {/* Bitrate Step — presets + custom input */}
<div className="pt-2 border-t border-white/[0.04]"> <div className="pt-2 border-t border-white/[0.04]">
<div className="text-[11px] text-txt-tertiary mb-1.5">Slider Step</div> <div className="flex items-center gap-2 mb-1.5">
<span className="text-[11px] text-txt-tertiary">Slider Step</span>
<input
type="number"
min={50}
max={10000}
step={50}
value={draft.bitrateStepKbps}
onChange={(e) => {
const v = Number(e.target.value);
if (v >= 50 && v <= 10000) setDraft({ ...draft, bitrateStepKbps: v });
}}
className="input-standard w-14 px-1.5 py-0 text-[11px] text-center"
/>
<span className="text-[11px] text-txt-tertiary">kbps</span>
</div>
<div className="flex flex-wrap gap-1"> <div className="flex flex-wrap gap-1">
{[100, 250, 500, 1000, 2500, 5000].map((step) => ( {[100, 250, 500, 1000, 2500, 5000].map((step) => (
<button <button