From 1b49e5f1773f1d430e4ea30f0a165fc84e45fcd5 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Wed, 4 Dec 2024 23:34:14 -0800
Subject: [PATCH] fix height rendering bug

---
 src/components/Navbar.astro | 54 +++++++++++++++++++++----------------
 1 file changed, 31 insertions(+), 23 deletions(-)

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 54e8261..22510d2 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -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>
- 
\ No newline at end of file