fix mobile navbar position

This commit is contained in:
Mateusz 2022-12-09 12:15:33 +01:00
parent b6c2c09faa
commit aff39e9c74

View File

@ -9,13 +9,22 @@ const NavBarStyle = styled(Container)`
height: 42px; height: 42px;
background-color: ${({theme}) => theme.colors.white}; background-color: ${({theme}) => theme.colors.white};
box-shadow: ${({theme}) => theme.navShadow}; box-shadow: ${({theme}) => theme.navShadow};
padding: 0 10px; padding: 0;
z-index: 2; z-index: 2;
.ul-desktop { .ul-desktop {
display: none; display: none;
} }
nav {
a {
margin: 0 0 0 10px;
}
button {
margin: 0 10px 0 0;
}
}
@media (min-width: ${({theme}) => theme.overMobile}) { @media (min-width: ${({theme}) => theme.overMobile}) {
height: 48px; height: 48px;
padding: 0 16px; padding: 0 16px;