mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-02 19:01:40 +00:00
eb50c69a35
* Album blur, allow clicking the playerbar to toggle the player * Fix stopProporagion, sync package with upsteam, update translation * recommit my existing changes * Update default albumBackgroundBlur to 6 * according to git this commit resets the package files * merge with our fork because pyx forgot to add it * try adding a setting * change the playerbar animation * make the animation quicker bc its choppy * change playerbar to use a bool instead * requested opacity fix * Refactor classes to use clsx --------- Co-authored-by: iiPython <ben@iipython.dev> Co-authored-by: Jeff <42182408+jeffvli@users.noreply.github.com>
35 lines
846 B
TypeScript
35 lines
846 B
TypeScript
import styled from 'styled-components';
|
|
import { Playerbar } from '/@/renderer/features/player';
|
|
import { useGeneralSettings } from '/@/renderer/store/settings.store';
|
|
|
|
interface PlayerbarContainerProps {
|
|
drawerEffect: boolean;
|
|
}
|
|
|
|
const PlayerbarContainer = styled.footer<PlayerbarContainerProps>`
|
|
z-index: 200;
|
|
grid-area: player;
|
|
background: var(--playerbar-bg);
|
|
transition: background 0.5s;
|
|
|
|
${(props) =>
|
|
props.drawerEffect &&
|
|
`
|
|
&:hover {
|
|
background: var(--playerbar-bg-active);
|
|
}
|
|
`}
|
|
`;
|
|
|
|
export const PlayerBar = () => {
|
|
const { playerbarOpenDrawer } = useGeneralSettings();
|
|
|
|
return (
|
|
<PlayerbarContainer
|
|
drawerEffect={playerbarOpenDrawer}
|
|
id="player-bar"
|
|
>
|
|
<Playerbar />
|
|
</PlayerbarContainer>
|
|
);
|
|
};
|