Qsl
This commit is contained in:
@@ -35,10 +35,10 @@ function SliderRow({ label, value, min, max, step, onChange }: {
|
||||
}) {
|
||||
return (
|
||||
<div className="flex items-center justify-between gap-2">
|
||||
<Label className="w-24 shrink-0 text-xs text-muted-foreground">{label}</Label>
|
||||
<input type="range" className="flex-1" min={min} max={max} step={step}
|
||||
<Label className="w-20 shrink-0 text-xs text-muted-foreground">{label}</Label>
|
||||
<input type="range" className="min-w-0 flex-1" min={min} max={max} step={step}
|
||||
value={value} onChange={(e) => onChange(parseFloat(e.target.value))} />
|
||||
<span className="w-8 text-right text-xs tabular-nums">{value}</span>
|
||||
<span className="w-10 shrink-0 text-right text-xs tabular-nums">{value}</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user