antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 02:13:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Album blur, allow clicking the playerbar to toggle the player, misc changes (#717)

Browse source 
* 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>
This commit is contained in:
Pyx 2024-09-01 19:42:01 -04:00 • committed by GitHub
parent b93ad40571
commit eb50c69a35
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 197 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/renderer/layouts/default-layout/player-bar.tsx
View file

@ -1,15 +1,34 @@
import styled from 'styled-components';
import { Playerbar } from '/@/renderer/features/player';
import { useGeneralSettings } from '/@/renderer/store/settings.store';
const PlayerbarContainer = styled.footer`
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 id="player-bar">
<PlayerbarContainer
drawerEffect={playerbarOpenDrawer}
id="player-bar"
>
<Playerbar />
</PlayerbarContainer>
);