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

initial implementation for lyrics

Browse source
This commit is contained in:
Kendall Garner 2023-05-22 17:38:31 -07:00 • committed by Jeff
parent 8eb0029bb8
commit 23f9bd4e9f
9 changed files with 223 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/renderer/features/player/components/full-screen-player-queue.tsx
View file

@ -9,6 +9,7 @@ import {
useFullScreenPlayerStore,
useFullScreenPlayerStoreActions,
} from '/@/renderer/store/full-screen-player.store';
import { Lyrics } from '/@/renderer/features/lyrics/lyrics';
const QueueContainer = styled.div`
position: relative;
@ -26,6 +27,12 @@ const QueueContainer = styled.div`
}
`;
const LyricsContainer = styled.div`
height: 100%;
overflow: scroll;
text-align: center;
`;
const ActiveTabIndicator = styled(motion.div)`
position: absolute;
bottom: 0;
@ -115,17 +122,9 @@ export const FullScreenPlayerQueue = () => {
</Group>
</Center>
) : activeTab === 'lyrics' ? (
<Center>
<Group>
<RiInformationFill size="2rem" />
<TextTitle
order={3}
weight={700}
>
COMING SOON
</TextTitle>
</Group>
</Center>
<LyricsContainer>
<Lyrics />
</LyricsContainer>
) : null}
</Stack>
);