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

fix height rendering bug

Browse source
This commit is contained in:
chark1es 2024-12-04 23:34:14 -08:00
parent 1fdd45316e
commit 1b49e5f177
1 changed files with 31 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/components/Navbar.astro
View file

@ -4,28 +4,36 @@ import pages from "../data/pages.json";
---
<div class="flex items-center">
<div class="flex flex-col border-white-500 border-2 bg-ieee_navigation_bg w-[98%] h-full mt-3 mx-auto rounded-[4rem] py-3">
<div class="flex justify-between items-center mx-6">
<div class="flex">
<Image src="/logos/white_logo_horizontal.svg" alt="IEEE UCSD Logo" width={300} height={300} />
</div>
<div
class="flex flex-col border-white-500 border-2 bg-ieee_navigation_bg w-[98%] h-full mt-3 mx-auto rounded-[4rem] py-3"
>
<div class="flex justify-between items-center mx-6">
<div class="flex min-h-[1rem] max-h-[3rem]">
<Image
src="/logos/white_logo_horizontal.svg"
alt="IEEE UCSD Logo"
width={300}
height={300}
/>
</div>
<div class="flex gap-6">
{
pages.map((page) => (
<a
href={page.path}
class={`uppercase border-2 px-4 py-2 rounded-[3rem] transition-colors duration-200
${page.name === "Online Store"
? "bg-[#f3c135] text-black border-[#f3c135] hover:bg-[#dba923] hover:border-[#dba923]"
: "text-white border-white hover:text-gray-300"}`}
>
{page.name}
</a>
))
}
</div>
</div>
</div>
<div class="flex gap-6">
{
pages.map((page) => (
<a
href={page.path}
class={`uppercase border-2 px-4 py-2 rounded-[3rem] transition-colors duration-200
${
page.name === "Online Store"
? "bg-[#f3c135] text-black border-[#f3c135] hover:bg-[#dba923] hover:border-[#dba923]"
: "text-white border-white hover:text-gray-300"
}`}
>
{page.name}
</a>
))
}
</div>
</div>
</div>
</div>