fix nav menu on mobile
This commit is contained in:
parent
25d5b9d772
commit
a954ee9a62
@ -18,7 +18,7 @@ const MobileNavMenuStyle = styled(FlexColumn)`
|
||||
left: 0;
|
||||
width: 100%;
|
||||
align-items: flex-start;
|
||||
z-index: 2;
|
||||
z-index: 3;
|
||||
|
||||
a {
|
||||
cursor: pointer;
|
||||
|
@ -42,7 +42,7 @@ const NavBar = () => {
|
||||
<FlexRow height='100%' alignmentX='space-between' as='nav'>
|
||||
<Logo/>
|
||||
<MenuButton as='button' onClick={toggleNavMenu}/>
|
||||
<FlexRow as='ul' gap='32px'>
|
||||
<FlexRow as='ul' className='ul-desktop' gap='32px'>
|
||||
<FlexRow as={Link} to='/' gap='16px'>
|
||||
<Svg width='16px' height='16px' src={loginIco}/>
|
||||
<Menu as='li'>
|
||||
|
@ -12,7 +12,7 @@ const NavBarStyle = styled(Container)`
|
||||
padding: 0 10px;
|
||||
z-index: 2;
|
||||
|
||||
ul {
|
||||
.ul-desktop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -20,7 +20,7 @@ const NavBarStyle = styled(Container)`
|
||||
height: 48px;
|
||||
padding: 0 16px;
|
||||
|
||||
ul {
|
||||
.ul-desktop {
|
||||
display: flex;
|
||||
|
||||
a {
|
||||
|
Loading…
Reference in New Issue
Block a user