fix padding issue

This commit is contained in:
Abhinav 2023-12-18 12:00:06 +05:30
parent 0780752c7d
commit fd3ada1d2f
2 changed files with 4 additions and 2 deletions

View file

@ -6,7 +6,7 @@ interface Iprops {
}
export default function SidebarToggler({ openSidebar }: Iprops) {
return (
<IconButton onClick={openSidebar}>
<IconButton onClick={openSidebar} sx={{ pl: 0 }}>
<MenuIcon />
</IconButton>
);

View file

@ -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;