From ffeb19ada3d70f00ec53728fd55b33260e80e37c Mon Sep 17 00:00:00 2001
From: Seth Flynn <getchoo@tuta.io>
Date: Wed, 12 Mar 2025 21:14:01 -0400
Subject: fix(nav): scale on mobile (#266)

---
 src/components/Nav.astro | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index fc2599c..5faf486 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -9,12 +9,15 @@ const navLinks = [
 
 <nav class="navbar">
 	<div class="navbar-start"></div>
-	<div class="navbar-center lg:flex">
-		<ul class="menu menu-horizontal">
+	<div class="navbar-center">
+		<!-- FIXME: Using a grid to scale this on mobile is dumb -->
+		<ul
+			class="not-prose menu menu-horizontal grid grid-cols-2 gap-2 lg:flex"
+		>
 			{
 				navLinks.map(({ name, url }) => (
 					<li>
-						<a class="btn btn-ghost text-xl" href={url}>
+						<a class="prose btn text-lg lg:text-xl" href={url}>
 							{name}
 						</a>
 					</li>
@@ -22,4 +25,5 @@ const navLinks = [
 			}
 		</ul>
 	</div>
+	<div class="navbar-end"></div>
 </nav>
-- 
cgit v1.2.3