fix: matrix choice selector

This commit is contained in:
2026-09-13 10:50:43 +02:00
parent f6bc46dd98
commit faa019d52b
6 changed files with 254 additions and 72 deletions
@@ -81,29 +81,29 @@ function CompressorPanel({
<div className="compressor-panel__cell compressor-panel__cell--steppers">
<div className="compressor-panel__stepper-item">
<ChoiceStepper
className="compressor-panel__stepper compressor-panel__stepper--centered"
value={comp.ratio}
values={RATIO_ORDER}
formatLabel={(v) => RATIO_LABEL[v]}
onChange={(value) => {
onLiveValue(channel, 'ratio', value);
commit({ ratio: value });
}}
/>
className="compressor-panel__stepper compressor-panel__stepper--centered"
value={comp.ratio}
values={RATIO_ORDER}
formatLabel={(v) => RATIO_LABEL[v]}
onChange={(value) => {
onLiveValue(channel, 'ratio', value);
commit({ ratio: value });
}}
/>
<div className="compressor-panel__cell-label">Ratio</div>
</div>
<div className="compressor-panel__stepper-item">
<ChoiceStepper
className="compressor-panel__stepper compressor-panel__stepper--centered"
value={comp.knee}
values={KNEE_VALUES}
formatLabel={(v) => `${v} dB`}
onChange={(value) => {
onLiveValue(channel, 'knee', value);
commit({ knee: value });
}}
/>
className="compressor-panel__stepper compressor-panel__stepper--centered"
value={comp.knee}
values={KNEE_VALUES}
formatLabel={(v) => `${v} dB`}
onChange={(value) => {
onLiveValue(channel, 'knee', value);
commit({ knee: value });
}}
/>
<div className="compressor-panel__cell-label">Knee</div>
</div>
</div>