vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-09 20:29:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix queue container layout

Browse Source
This commit is contained in:
jeffvli
2023-06-09 03:37:38 -07:00
committed by Jeff
parent 7ab532be07
commit 3d409bb6f1
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/player/components/full-screen-player-queue.tsx
+9 -3
View File
@@ -1,4 +1,4 @@
import { Stack, Group, Center } from '@mantine/core'; import { Group, Center } from '@mantine/core';
import { motion } from 'framer-motion'; import { motion } from 'framer-motion';
import { HiOutlineQueueList } from 'react-icons/hi2'; import { HiOutlineQueueList } from 'react-icons/hi2';
import { RiFileMusicLine, RiFileTextLine, RiInformationFill } from 'react-icons/ri'; import { RiFileMusicLine, RiFileTextLine, RiInformationFill } from 'react-icons/ri';
@@ -41,6 +41,12 @@ const HeaderItemWrapper = styled.div`
z-index: 2; z-index: 2;
`; `;
const GridContainer = styled.div`
display: grid;
grid-template-rows: auto minmax(0, 1fr);
grid-template-columns: 1fr;
`;
export const FullScreenPlayerQueue = () => { export const FullScreenPlayerQueue = () => {
const { activeTab } = useFullScreenPlayerStore(); const { activeTab } = useFullScreenPlayerStore();
const { setStore } = useFullScreenPlayerStoreActions(); const { setStore } = useFullScreenPlayerStoreActions();
@@ -67,7 +73,7 @@ export const FullScreenPlayerQueue = () => {
]; ];
return ( return (
<Stack className="full-screen-player-queue-container"> <GridContainer className="full-screen-player-queue-container">
<Group <Group
grow grow
align="center" align="center"
@@ -116,6 +122,6 @@ export const FullScreenPlayerQueue = () => {
) : activeTab === 'lyrics' ? ( ) : activeTab === 'lyrics' ? (
<Lyrics /> <Lyrics />
) : null} ) : null}
</Stack> </GridContainer>
); );
}; };