Webmaster/old2-ieeeucsd-org
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed layering bug

Browse source 
- Fixed a bug that happens when a user clicked on the menu on smaller devices and the social media icons are still visible.
This commit is contained in:
chark1es 2024-01-24 09:54:52 -08:00
parent 892f0a1778
commit 60e7939e62
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Navbar.astro
View file

@ -4,7 +4,7 @@ import navbarPages from "../data/navbarPages.json";
<div>
<div class="bg-white flex justify-between items-center">
<div class="h-20 flex items-center p-2 z-10 w-auto scale-[85%]">
<div class="h-20 flex items-center p-2 z-20 w-auto scale-[85%]">
<img src="logos/ieeelogo_full.png" class="h-14" alt="IEEE Logo" />
</div>
<nav class="xl:block items-center px-6 hidden">
@ -22,7 +22,7 @@ import navbarPages from "../data/navbarPages.json";
</ul>
</nav>
<nav
class="xl:hidden absolute top-[75px] w-full bg-white overflow-y-hidden transition-all duration-500 -translate-y-full z-0"
class="xl:hidden absolute top-[75px] w-full bg-white overflow-y-hidden transition-all duration-500 -translate-y-full z-10"
style="height: calc(100vh - 75px);"
id="secondNav"
>
@ -42,7 +42,7 @@ import navbarPages from "../data/navbarPages.json";
}
</ul>
</nav>
<div class="xl:hidden z-5 mr-2 z-10">
<div class="xl:hidden z-5 mr-2 z-20">
<button
class="hamburger hamburger--collapse flex bg-white p-0 m-0"
color="#FFFFFF"