Fixed header link animation duration

jstamant · Jan 24, 2024 · 0834ada · 0834ada
1 parent 9612ea0
commit 0834ada
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/components/header.js b/components/header.js
@@ -21,26 +21,26 @@ const Header = () => {
         <nav className="text-base">
           <ul className="h-full flex items-center">
             <li className="hidden md:flex">
-              <a className="px-8 py-4 transition-colors duation-300 hover:text-theme-500" href={link.home}>Home</a>
+              <a className="px-8 py-4 transition-colors duration-300 hover:text-theme-500" href={link.home}>Home</a>
             </li>
             <li className="hidden md:flex">
-              <a className="px-8 py-4 transition-colors duation-300 hover:text-theme-500" href={link.about}>About</a>
+              <a className="px-8 py-4 transition-colors duration-300 hover:text-theme-500" href={link.about}>About</a>
             </li>
             <li className="hidden md:flex">
-              <a className="px-8 py-4 transition-colors duation-300 hover:text-theme-500" href={link.projects}>Projects</a>
+              <a className="px-8 py-4 transition-colors duration-300 hover:text-theme-500" href={link.projects}>Projects</a>
             </li>
             <li className="hidden md:flex">
-              <a className="px-8 py-4 transition-colors duation-300 hover:text-theme-500" href={link.contact}>Contact</a>
+              <a className="px-8 py-4 transition-colors duration-300 hover:text-theme-500" href={link.contact}>Contact</a>
             </li>
             <li className="md:hidden h-full flex items-center">
               <input type="checkbox" className="peer group w-16 h-16 z-10 opacity-0 absolute right-0" />
               <a className="w-16 peer-checked:hidden"><FontAwesomeIcon icon={faBars} className="text-3xl" /></a>
               <a className="w-16 hidden peer-checked:block"><FontAwesomeIcon icon={faXmark} className="text-3xl" /></a>
               <nav className="hidden border text-base md:invisible z-0 bg-white peer-checked:block right-0 top-16 absolute flex flex-col items-center divide-y">
-                <a className="transition-colors duation-300 hover:text-theme-500 w-32 h-16 flex items-center justify-center" href={link.home}><p>Home</p></a>
-                <a className="transition-colors duation-300 hover:text-theme-500 w-32 h-16 flex items-center justify-center" href={link.about}><p>About</p></a>
-                <a className="transition-colors duation-300 hover:text-theme-500 w-32 h-16 flex items-center justify-center" href={link.projects}><p>Projects</p></a>
-                <a className="transition-colors duation-300 hover:text-theme-500 w-32 h-16 flex items-center justify-center" href={link.contact}><p>Contact</p></a>
+                <a className="transition-colors duration-300 hover:text-theme-500 w-32 h-16 flex items-center justify-center" href={link.home}><p>Home</p></a>
+                <a className="transition-colors duration-300 hover:text-theme-500 w-32 h-16 flex items-center justify-center" href={link.about}><p>About</p></a>
+                <a className="transition-colors duration-300 hover:text-theme-500 w-32 h-16 flex items-center justify-center" href={link.projects}><p>Projects</p></a>
+                <a className="transition-colors duration-300 hover:text-theme-500 w-32 h-16 flex items-center justify-center" href={link.contact}><p>Contact</p></a>
               </nav>
             </li>
           </ul>