fix mobile navbar position
This commit is contained in:
parent
b6c2c09faa
commit
aff39e9c74
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user