vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-16 05:36:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add transparency/opacity for queue sidebar (#231)

Browse Source 
* add opacity

* add background for song metadata

* Add padding and border radius to opacity elements

* Remove font-weight transition on active lyrics (#233)

---------

Co-authored-by: jeffvli <jeffvictorli@gmail.com>
This commit is contained in:
Kendall Garner
2023-09-10 22:03:46 +00:00
committed by GitHub
parent 0ae53b023c
commit c8397bb5ef
7 changed files with 47 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/player/components/full-screen-player.tsx
+17 -1
View File
@@ -70,7 +70,8 @@ const BackgroundImageOverlay = styled.div`
`;
const Controls = () => {
const { dynamicBackground, expanded, useImageAspectRatio } = useFullScreenPlayerStore();
const { dynamicBackground, expanded, opacity, useImageAspectRatio } =
useFullScreenPlayerStore();
const { setStore } = useFullScreenPlayerStoreActions();
const { setSettings } = useSettingsStoreActions();
const lyricConfig = useLyricsSettings();
@@ -134,6 +135,21 @@ const Controls = () => {
/>
</Option.Control>
</Option>
{dynamicBackground && (
<Option>
<Option.Label>Opacity</Option.Label>
<Option.Control>
<Slider
defaultValue={opacity}
label={(e) => `${e} %`}
max={100}
min={1}
w="100%"
onChangeEnd={(e) => setStore({ opacity: Number(e) })}
/>
</Option.Control>
</Option>
)}
<Option>
<Option.Label>Use image aspect ratio</Option.Label>
<Option.Control>