fix nav menu on mobile

This commit is contained in:
mattyl006 2022-07-14 12:55:22 +02:00
parent 25d5b9d772
commit a954ee9a62
3 changed files with 4 additions and 4 deletions

View File

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

View File

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

View File

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