crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-05 04:31:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix z-indexes.

Browse Source
This commit is contained in:
Daniel Gent 2021-08-27 17:43:38 +02:00
parent 22a9f4ffda
commit 5e19e3d727
3 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/common/Navbar/MobileNavMenu.module.css
View File

@ -14,7 +14,6 @@
transform: translateY(-100%); transform: translateY(-100%);
transition: transform 0.2s ease 0.1s, visibility 0.3s; transition: transform 0.2s ease 0.1s, visibility 0.3s;
visibility: hidden; visibility: hidden;
z-index: 2;
} }
.navMenu.isOpen { .navMenu.isOpen {

4
components/common/Navbar/Navbar.module.css
View File

@ -3,7 +3,7 @@
} }
.navContainer { .navContainer {
@apply bg-secondary; @apply bg-secondary relative z-40;
height: 50px; height: 50px;
} }
.searchContainer { .searchContainer {
@ -11,7 +11,7 @@
} }
.nav { .nav {
@apply relative flex flex-row justify-between; @apply relative flex flex-row justify-between z-40;
padding: 10px 0; padding: 10px 0;
} }

2
components/common/Navbar/Navbar.tsx
View File

@ -29,7 +29,6 @@ const Navbar: FC<NavbarProps> = ({ links }) => {
<Logo /> <Logo />
</a> </a>
</Link> </Link>
<MobileNavMenu links={links} isOpen={isMenuOpen} />
<DesktopNavMenu links={links} /> <DesktopNavMenu links={links} />
</div> </div>
<MenuButton <MenuButton
@ -49,6 +48,7 @@ const Navbar: FC<NavbarProps> = ({ links }) => {
</Container> </Container>
</div> </div>
)} )}
<MobileNavMenu links={links} isOpen={isMenuOpen} />
</NavbarRoot> </NavbarRoot>
) )
} }