feat(lyrics): non-active lyric settings (#1954)

* feat: non-active lyric settings
This commit is contained in:
vimae
2026-04-21 08:09:03 +01:00
committed by GitHub
parent e5a8324a79
commit add0345f10
5 changed files with 77 additions and 5 deletions
@@ -17,6 +17,7 @@ import { MultiSelect } from '/@/shared/components/multi-select/multi-select';
import { NumberInput } from '/@/shared/components/number-input/number-input';
import { SegmentedControl } from '/@/shared/components/segmented-control/segmented-control';
import { Select } from '/@/shared/components/select/select';
import { Slider } from '/@/shared/components/slider/slider';
import { Stack } from '/@/shared/components/stack/stack';
import { Switch } from '/@/shared/components/switch/switch';
import { TextInput } from '/@/shared/components/text-input/text-input';
@@ -185,6 +186,48 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
postProcess: 'sentenceCase',
}),
},
{
control: (
<Slider
defaultValue={displaySettings.opacityNonActive}
label={(e) => (e * 100).toFixed(0) + '%'}
max={1.0}
min={0.0}
onChangeEnd={(e) => {
updateDisplaySetting({
opacityNonActive: e,
});
}}
step={0.01}
w={100}
/>
),
description: '',
title: t(`${t('page.fullscreenPlayer.config.lyricOpacityNonActive')}`, {
postProcess: 'sentenceCase',
}),
},
{
control: (
<Slider
defaultValue={displaySettings.scaleNonActive}
label={(e) => (e * 100).toFixed(0) + '%'}
max={1.0}
min={0.5}
onChangeEnd={(e) => {
updateDisplaySetting({
scaleNonActive: e,
});
}}
step={0.01}
w={100}
/>
),
description: '',
title: t(`${t('page.fullscreenPlayer.config.lyricScaleNonActive')}`, {
postProcess: 'sentenceCase',
}),
},
{
control: (
<Switch