support opacity 0, spellcheck
This commit is contained in:
parent
753ca01d41
commit
f50d1e0a8c
3 changed files with 4 additions and 7 deletions
|
@ -134,7 +134,7 @@ export const FullScreenPlayerImage = () => {
|
||||||
const albumArtRes = useSettingsStore((store) => store.general.albumArtRes);
|
const albumArtRes = useSettingsStore((store) => store.general.albumArtRes);
|
||||||
|
|
||||||
const { queue } = usePlayerData();
|
const { queue } = usePlayerData();
|
||||||
const { opacity, useImageAspectRatio } = useFullScreenPlayerStore();
|
const { useImageAspectRatio } = useFullScreenPlayerStore();
|
||||||
const currentSong = queue.current;
|
const currentSong = queue.current;
|
||||||
const { color: background } = useFastAverageColor({
|
const { color: background } = useFastAverageColor({
|
||||||
algorithm: 'dominant',
|
algorithm: 'dominant',
|
||||||
|
@ -250,7 +250,6 @@ export const FullScreenPlayerImage = () => {
|
||||||
<MetadataContainer
|
<MetadataContainer
|
||||||
className="full-screen-player-image-metadata"
|
className="full-screen-player-image-metadata"
|
||||||
maw="100%"
|
maw="100%"
|
||||||
opacity={opacity}
|
|
||||||
spacing="xs"
|
spacing="xs"
|
||||||
>
|
>
|
||||||
<TextTitle
|
<TextTitle
|
||||||
|
|
|
@ -42,11 +42,11 @@ const HeaderItemWrapper = styled.div`
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
interface TransparendGridContainerProps {
|
interface TransparentGridContainerProps {
|
||||||
opacity: number;
|
opacity: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
const GridContainer = styled.div<TransparendGridContainerProps>`
|
const GridContainer = styled.div<TransparentGridContainerProps>`
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: auto minmax(0, 1fr);
|
grid-template-rows: auto minmax(0, 1fr);
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
|
@ -82,8 +82,6 @@ export const FullScreenPlayerQueue = () => {
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
console.log('opacity', opacity);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<GridContainer
|
<GridContainer
|
||||||
className="full-screen-player-queue-container"
|
className="full-screen-player-queue-container"
|
||||||
|
|
|
@ -153,7 +153,7 @@ const Controls = () => {
|
||||||
defaultValue={opacity}
|
defaultValue={opacity}
|
||||||
label={(e) => `${e} %`}
|
label={(e) => `${e} %`}
|
||||||
max={100}
|
max={100}
|
||||||
min={1}
|
min={0}
|
||||||
w="100%"
|
w="100%"
|
||||||
onChangeEnd={(e) => setStore({ opacity: Number(e) })}
|
onChangeEnd={(e) => setStore({ opacity: Number(e) })}
|
||||||
/>
|
/>
|
||||||
|
|
Reference in a new issue