fix padding issue
This commit is contained in:
parent
0780752c7d
commit
fd3ada1d2f
|
@ -6,7 +6,7 @@ interface Iprops {
|
|||
}
|
||||
export default function SidebarToggler({ openSidebar }: Iprops) {
|
||||
return (
|
||||
<IconButton onClick={openSidebar}>
|
||||
<IconButton onClick={openSidebar} sx={{ pl: 0 }}>
|
||||
<MenuIcon />
|
||||
</IconButton>
|
||||
);
|
||||
|
|
|
@ -10,7 +10,9 @@ const NavbarBase = styled(FlexWrapper)<{ isMobile: boolean }>`
|
|||
background-color: ${({ theme }) => theme.colors.background.base};
|
||||
margin-bottom: 16px;
|
||||
padding: 0 24px;
|
||||
padding: ${(props) => (props.isMobile ? '0 16px;' : '0 4px;')};
|
||||
@media (max-width: 720px) {
|
||||
padding: 0 4px;
|
||||
}
|
||||
`;
|
||||
|
||||
export default NavbarBase;
|
||||
|
|
Loading…
Reference in a new issue