Fix positioning of page header
This commit is contained in:
parent
0e2678575a
commit
4f3e732891
2 changed files with 1 additions and 4 deletions
|
@ -65,6 +65,7 @@ export interface PageHeaderProps
|
|||
}
|
||||
|
||||
const TitleWrapper = styled(motion.div)`
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
`;
|
||||
|
|
|
@ -2,21 +2,17 @@ import { ReactNode } from 'react';
|
|||
import { Group } from '@mantine/core';
|
||||
import { TextTitle } from '/@/renderer/components';
|
||||
import { PlayButton as PlayBtn } from '/@/renderer/features/shared/components/play-button';
|
||||
import { useShouldPadTitlebar } from '/@/renderer/hooks';
|
||||
|
||||
interface LibraryHeaderBarProps {
|
||||
children: ReactNode;
|
||||
}
|
||||
|
||||
export const LibraryHeaderBar = ({ children }: LibraryHeaderBarProps) => {
|
||||
const padRight = useShouldPadTitlebar();
|
||||
|
||||
return (
|
||||
<Group
|
||||
noWrap
|
||||
align="center"
|
||||
h="100%"
|
||||
mr={padRight ? '170px' : 0}
|
||||
px="1rem"
|
||||
spacing="xl"
|
||||
>
|
||||
|
|
Reference in a new issue