pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix positioning of page header

Browse source
This commit is contained in:
jeffvli 2023-01-08 02:01:12 -08:00
parent 0e2678575a
commit 4f3e732891
2 changed files with 1 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/renderer/components/page-header/index.tsx
View file

@ -65,6 +65,7 @@ export interface PageHeaderProps
} }
const TitleWrapper = styled(motion.div)` const TitleWrapper = styled(motion.div)`
position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
`; `;

4
src/renderer/features/shared/components/library-header-bar.tsx
View file

@ -2,21 +2,17 @@ import { ReactNode } from 'react';
import { Group } from '@mantine/core'; import { Group } from '@mantine/core';
import { TextTitle } from '/@/renderer/components'; import { TextTitle } from '/@/renderer/components';
import { PlayButton as PlayBtn } from '/@/renderer/features/shared/components/play-button'; import { PlayButton as PlayBtn } from '/@/renderer/features/shared/components/play-button';
import { useShouldPadTitlebar } from '/@/renderer/hooks';
interface LibraryHeaderBarProps { interface LibraryHeaderBarProps {
children: ReactNode; children: ReactNode;
} }
export const LibraryHeaderBar = ({ children }: LibraryHeaderBarProps) => { export const LibraryHeaderBar = ({ children }: LibraryHeaderBarProps) => {
const padRight = useShouldPadTitlebar();
return ( return (
<Group <Group
noWrap noWrap
align="center" align="center"
h="100%" h="100%"
mr={padRight ? '170px' : 0}
px="1rem" px="1rem"
spacing="xl" spacing="xl"
> >