Fix invalid DOM prop on playerbar
This commit is contained in:
parent
2e3c69e61c
commit
6587e9cac8
1 changed files with 3 additions and 3 deletions
|
@ -3,7 +3,7 @@ import { Playerbar } from '/@/renderer/features/player';
|
||||||
import { useGeneralSettings } from '/@/renderer/store/settings.store';
|
import { useGeneralSettings } from '/@/renderer/store/settings.store';
|
||||||
|
|
||||||
interface PlayerbarContainerProps {
|
interface PlayerbarContainerProps {
|
||||||
drawerEffect: boolean;
|
$drawerEffect: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
const PlayerbarContainer = styled.footer<PlayerbarContainerProps>`
|
const PlayerbarContainer = styled.footer<PlayerbarContainerProps>`
|
||||||
|
@ -13,7 +13,7 @@ const PlayerbarContainer = styled.footer<PlayerbarContainerProps>`
|
||||||
transition: background 0.5s;
|
transition: background 0.5s;
|
||||||
|
|
||||||
${(props) =>
|
${(props) =>
|
||||||
props.drawerEffect &&
|
props.$drawerEffect &&
|
||||||
`
|
`
|
||||||
&:hover {
|
&:hover {
|
||||||
background: var(--playerbar-bg-active);
|
background: var(--playerbar-bg-active);
|
||||||
|
@ -26,7 +26,7 @@ export const PlayerBar = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<PlayerbarContainer
|
<PlayerbarContainer
|
||||||
drawerEffect={playerbarOpenDrawer}
|
$drawerEffect={playerbarOpenDrawer}
|
||||||
id="player-bar"
|
id="player-bar"
|
||||||
>
|
>
|
||||||
<Playerbar />
|
<Playerbar />
|
||||||
|
|
Reference in a new issue