mirror of
https://github.com/meowarex/TidaLuna-Plugins.git
synced 2026-08-26 22:37:45 +10:00
Added Lyric Font Size
This commit is contained in:
@@ -48,6 +48,7 @@ export const settings = await ReactiveStore.getPluginStorage("RadiantLyrics", {
|
||||
blurInactive: true,
|
||||
bubbledLyrics: true,
|
||||
syllableLogging: false,
|
||||
lyricsFontSize: 100,
|
||||
});
|
||||
|
||||
export const Settings = () => {
|
||||
@@ -132,6 +133,9 @@ export const Settings = () => {
|
||||
window.updateLyricsStyleSetting = undefined;
|
||||
};
|
||||
}, []);
|
||||
const [lyricsFontSize, setLyricsFontSize] = React.useState(
|
||||
settings.lyricsFontSize,
|
||||
);
|
||||
const [contextAwareLyrics, setContextAwareLyrics] = React.useState(
|
||||
settings.contextAwareLyrics,
|
||||
);
|
||||
@@ -212,6 +216,21 @@ export const Settings = () => {
|
||||
}
|
||||
}}
|
||||
/>
|
||||
<LunaNumberSetting
|
||||
title="Lyrics Font Size"
|
||||
desc="Scale the lyrics font size (50-200%, default: 100)"
|
||||
min={50}
|
||||
max={200}
|
||||
step={5}
|
||||
value={lyricsFontSize}
|
||||
onNumber={(value: number) => {
|
||||
settings.lyricsFontSize = value;
|
||||
setLyricsFontSize(value);
|
||||
if (window.updateRadiantLyricsTextGlow) {
|
||||
window.updateRadiantLyricsTextGlow();
|
||||
}
|
||||
}}
|
||||
/>
|
||||
<AnySwitch
|
||||
title="Blur Inactive"
|
||||
desc="Blurs inactive lyric lines, scaling with distance from the active line"
|
||||
|
||||
Reference in New Issue
Block a user