diff options
| author | Seth Flynn <[email protected]> | 2025-03-12 21:14:01 -0400 |
|---|---|---|
| committer | GitHub <[email protected]> | 2025-03-12 21:14:01 -0400 |
| commit | ffeb19ada3d70f00ec53728fd55b33260e80e37c (patch) | |
| tree | ac59b638e206d90bd8894f0e407e0716a1912489 | |
| parent | 40bb07bcb2161c943752efa7a7f242dd90025afd (diff) | |
fix(nav): scale on mobile (#266)
| -rw-r--r-- | src/components/Nav.astro | 10 |
1 files changed, 7 insertions, 3 deletions
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> |