diff options
Diffstat (limited to 'src/components')
| -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> |