Add login button in top nav

OptimusV7 · Apr 9, 2023 · 768e7ab · 768e7ab
1 parent 3cd8468
commit 768e7ab
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/src/components/Navigation/Navigation.astro b/src/components/Navigation/Navigation.astro
@@ -7,7 +7,7 @@ import AccountDropdown from './AccountDropdown.astro';
   <nav class='container flex items-center justify-between'>
     <a class='flex items-center text-lg font-medium text-white' href='/'>
       <Icon icon='logo' />
-      <span class='ml-3'>roadmap.sh</span>
+      <span class='ml-3 hidden md:block'>roadmap.sh</span>
     </a>
 
     <!-- Desktop navigation items -->
@@ -26,6 +26,9 @@ import AccountDropdown from './AccountDropdown.astro';
       <li>
         <a href='/videos' class='text-gray-400 hover:text-white'>Videos</a>
       </li>
+      <li data-guest-required>
+        <a href='/login' class='text-gray-400 hover:text-white'>Login</a>
+      </li>
       <li>
         <AccountDropdown />
 
@@ -111,7 +114,16 @@ import AccountDropdown from './AccountDropdown.astro';
           <a
             data-guest-required
             href='/signup'
-            class='text-xl text-red-300 hover:text-red-400 md:text-lg'
+            class='text-xl text-white md:text-lg'
+          >
+            Login
+          </a>
+        </li>
+        <li>
+          <a
+            data-guest-required
+            href='/signup'
+            class='text-xl text-green-300 hover:text-green-400 md:text-lg'
           >
             Sign Up
           </a>