added mx and text colour to parent component (ul)

RetroOlympics · Jul 21, 2024 · aa68f1d · aa68f1d
1 parent ad1076d
commit aa68f1d
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/frontend/src/components/navigationbar.tsx b/frontend/src/components/navigationbar.tsx
@@ -4,27 +4,27 @@ export default function Navbar(){
     return (
     <div className="w-full bg-gray-900">
         <nav>
-            <ul className="flex h-16 justify-between items-center text-2x">
-                <li className="mx-6">
-                    <Link className="text-blue-500 hover:text-blue-1000" href="/">Home</Link>
+            <ul className="flex h-16 justify-between items-center text-2x mx-20 text-blue-500">
+                <li>
+                    <Link className="hover:text-blue-800" href="/">Home</Link>
                 </li>
-                <li className="mr-6">
-                    <Link className="text-blue-500 hover:text-blue-800" href="/">Teams</Link>
+                <li>
+                    <Link className="hover:text-blue-800" href="/">Teams</Link>
                 </li>
-                <li className="mr-6">
-                    <Link className="text-blue-500 hover:text-blue-800" href="/">Standings</Link>
+                <li>
+                    <Link className="hover:text-blue-800" href="/">Standings</Link>
                 </li>
-                <li className="mr-6">
-                    <Link className="text-blue-500 hover:text-blue-800" href="/">Schedules</Link>
+                <li>
+                    <Link className="hover:text-blue-800" href="/">Schedules</Link>
                 </li>
-                <li className="mr-6">
-                    <Link className="text-blue-500 hover:text-blue-800" href="/">Games</Link>
+                <li>
+                    <Link className="hover:text-blue-800" href="/">Games</Link>
                 </li>
-                <li className="mr-6">
-                    <Link className="text-blue-500 hover:text-blue-800" href="/">Volunteers</Link>
+                <li>
+                    <Link className="hover:text-blue-800" href="/">Volunteers</Link>
                 </li>
-                <li className="mr-6">
-                    <Link className="text-blue-500 hover:text-blue-800" href="/">History</Link>
+                <li>
+                    <Link className="hover:text-blue-800" href="/">History</Link>
                 </li>
             </ul>
         </nav>