💄 Update navbar styling for fluidity

Signed-off-by: Prajeen Govardhanam <[email protected]>
AttoLeap · Jul 20, 2024 · 18a9531 · 18a9531
1 parent dab78c6
commit 18a9531
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
@@ -35,16 +35,17 @@ export default function Nav() {
         justify="between"
         bg="white dark:black"
         p="4"
+        p-x="5%"
       >
-        <div flex="~ row" place="items-center" gap="4">
+        <div flex="~ row" place="items-center" gap="3">
           <A href="/">
             <img w="32px" h="32px" src={logo} alt="Attoleap's white logo" />
           </A>
           <h1 font="brand bold" text="size-28px black dark:white">
             AttoLeap
           </h1>
         </div>
-        <div place="items-center" gap="4" font="sans 600" text="size-sm" uppercase hidden md="flex">
+        <div place="items-center" gap="4" font="sans 600" text="size-md" uppercase hidden md="flex">
           <NavLinks />
         </div>
         <div
@@ -60,7 +61,7 @@ export default function Nav() {
             onClick={toggleMenu}
           />
         </div>
-      </nav>
+      </nav >
       <div
         class={menuOpen() ? "flex md:hidden" : "hidden"}
         absolute