Fix nav item sizing (denoland#556)

s-petey · Jul 11, 2024 · 70dd305 · 70dd305
1 parent 2588923
commit 70dd305
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/_components/Header.tsx b/_components/Header.tsx
@@ -92,7 +92,7 @@ export default function Header({
 
       {reference &&
         (
-          <nav className="px-4 pt-2 pb-3 bg-white flex items-center justify-between border-box border-t border-gray-200 z-[1000]">
+          <nav className="px-4 md:px-6 pt-2 pb-3 text-sm bg-white flex items-center justify-between border-box border-t border-gray-200 z-[1000]">
             <ul className="flex">
               <li>
                 <HeaderItem
@@ -147,7 +147,7 @@ function HeaderItem({
     <a
       class={`mt-1 ${
         firstItem ? "ml-0" : ""
-      } mx-2.5 px-0.5 text-sm hover:text-primary flex items-center ${
+      } mx-2.5 px-0.5 text-md hover:text-primary flex items-center ${
         activeOn && url.startsWith(activeOn)
           ? "text-primary border-b-2 border-primary"
           : "border-b-2 border-transparent"