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 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
<div class="flex justify-between items-center mx-6"> 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"> >
<Image src="/logos/white_logo_horizontal.svg" alt="IEEE UCSD Logo" width={300} height={300} /> <div class="flex justify-between items-center mx-6">
</div> <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"> <div class="flex gap-6">
{ {
pages.map((page) => ( pages.map((page) => (
<a <a
href={page.path} href={page.path}
class={`uppercase border-2 px-4 py-2 rounded-[3rem] transition-colors duration-200 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]" page.name === "Online Store"
: "text-white border-white hover:text-gray-300"}`} ? "bg-[#f3c135] text-black border-[#f3c135] hover:bg-[#dba923] hover:border-[#dba923]"
> : "text-white border-white hover:text-gray-300"
{page.name} }`}
</a> >
)) {page.name}
} </a>
</div> ))
</div> }
</div> </div>
</div>
</div>
</div> </div>