s444498/gonito-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix nav menu on mobile

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/elements/MobileNavMenu.js
View File

@ -18,7 +18,7 @@ const MobileNavMenuStyle = styled(FlexColumn)`
left: 0; left: 0;
width: 100%; width: 100%;
align-items: flex-start; align-items: flex-start;
z-index: 2; z-index: 3;
a { a {
cursor: pointer; cursor: pointer;

2
src/components/elements/NavBar/NavBar.js
View File

@ -42,7 +42,7 @@ const NavBar = () => {
<FlexRow height='100%' alignmentX='space-between' as='nav'> <FlexRow height='100%' alignmentX='space-between' as='nav'>
<Logo/> <Logo/>
<MenuButton as='button' onClick={toggleNavMenu}/> <MenuButton as='button' onClick={toggleNavMenu}/>
<FlexRow as='ul' gap='32px'> <FlexRow as='ul' className='ul-desktop' gap='32px'>
<FlexRow as={Link} to='/' gap='16px'> <FlexRow as={Link} to='/' gap='16px'>
<Svg width='16px' height='16px' src={loginIco}/> <Svg width='16px' height='16px' src={loginIco}/>
<Menu as='li'> <Menu as='li'>

4
src/components/elements/NavBar/NavBarStyle.js
View File

@ -12,7 +12,7 @@ const NavBarStyle = styled(Container)`
padding: 0 10px; padding: 0 10px;
z-index: 2; z-index: 2;
ul { .ul-desktop {
display: none; display: none;
} }
@ -20,7 +20,7 @@ const NavBarStyle = styled(Container)`
height: 48px; height: 48px;
padding: 0 16px; padding: 0 16px;
ul { .ul-desktop {
display: flex; display: flex;
a { a {