style: Improve styling of header links in HTML markup

wajeht · Aug 14, 2024 · 63601d8 · 63601d8
1 parent 938f4c6
commit 63601d8
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/views/components/header.html b/src/views/components/header.html
@@ -6,13 +6,13 @@ <h1><a href="/">Notify</a></h1>
 
   <nav style="display: flex; justify-content: space-between; align-items: center;">
     <div style="display: flex; align-items: center; gap: 20px;">
-      <a style="font-weight: <%= path === '/apps' ? 'bold' : 'normal' %>; text-decoration: <%= path === '/apps' ? 'underline' : 'none' %>;" href="/apps">Apps</a>
-      <a style="font-weight: <%= path === '/jobs' ? 'bold' : 'normal' %>; text-decoration: <%= path === '/jobs' ? 'underline' : 'none' %>;" href="/jobs">Jobs</a>
-      <a style="font-weight: <%= path === '/notifications' ? 'bold' : 'normal' %>; text-decoration: <%= path === '/notifications' ? 'underline' : 'none' %>;" href="/notifications">Notifications</a>
+      <a style="font-weight: <%= path === '/apps' ? 'bold' : 'normal' %>; <%= path === '/apps' ? 'text-decoration: underline;' : null %>" href="/apps">Apps</a>
+      <a style="font-weight: <%= path === '/jobs' ? 'bold' : 'normal' %>; <%= path === '/jobs' ? 'text-decoration: underline;' : null %>" href="/jobs">Jobs</a>
+      <a style="font-weight: <%= path === '/notifications' ? 'bold' : 'normal' %>; text-decoration: <%= path === '/notifications' ? 'text-decoration: underline;' : null %>" href="/notifications">Notifications</a>
     </div>
 
     <div style="display: flex; align-items: center; gap: 20px;">
-      <a style="font-weight: <%= path === '/settings' ? 'bold' : 'normal' %>; text-decoration: <%= path === '/settings' ? 'underline' : 'none' %>;" href="/settings">Settings</a>
+      <a style="font-weight: <%= path === '/settings' ? 'bold' : 'normal' %>; <%= path === '/settings' ? 'text-decoration: underline' : null %>" href="/settings">Settings</a>
       <a href="/logout">Logout</a>
     </div>
   </nav>