Fix page header margin

This commit is contained in:
jeffvli
2022-12-11 04:14:38 -08:00
parent 9b210e047d
commit 120e22729f
@@ -5,7 +5,7 @@ import { useShouldPadTitlebar } from '/@/hooks';
const Container = styled(motion.div)``; const Container = styled(motion.div)``;
const Header = styled(motion.div)<{ $padRight?: boolean }>` const Header = styled(motion.div)<{ $padRight?: boolean }>`
margin-right: 170px; margin-right: ${(props) => props.$padRight && '170px'};
padding: 1rem; padding: 1rem;
-webkit-app-region: drag; -webkit-app-region: drag;
@@ -22,6 +22,8 @@ interface PageHeaderProps {
export const PageHeader = ({ backgroundColor, children }: PageHeaderProps) => { export const PageHeader = ({ backgroundColor, children }: PageHeaderProps) => {
const padRight = useShouldPadTitlebar(); const padRight = useShouldPadTitlebar();
console.log('padRight :>> ', padRight);
return ( return (
<Container <Container
animate={{ animate={{