From f37d3e7f48f290ae712dc1848df7a58c7162b26a Mon Sep 17 00:00:00 2001
From: nate <nate@forehead-gate.com>
Date: Thu, 19 Mar 2026 16:21:23 +0400
Subject: [PATCH] fix: a href remains clickable when active

---
 apps/web/src/views/partials/nav.ejs | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/apps/web/src/views/partials/nav.ejs b/apps/web/src/views/partials/nav.ejs
index dec5630..e0fa7e3 100644
--- a/apps/web/src/views/partials/nav.ejs
+++ b/apps/web/src/views/partials/nav.ejs
@@ -1,16 +1,8 @@
 <nav class="border-b border-border-subtle bg-[#0a0a0a]/70 backdrop-blur-md px-8 py-4 flex items-center justify-between sticky top-0 z-40">
   <a href="/dashboard/home" class="text-xl font-bold tracking-tight group">Ping<span class="text-blue-400 transition-all group-hover:drop-shadow-[0_0_8px_rgba(59,130,246,0.4)]">QL</span></a>
   <div class="flex items-center gap-5 text-sm text-gray-500">
-    <% if (it.nav === 'monitors') { %>
-      <span class="text-gray-200 relative after:absolute after:bottom-[-18px] after:left-0 after:right-0 after:h-[2px] after:bg-blue-500 after:rounded-full">Monitors</span>
-    <% } else { %>
-      <a href="/dashboard/home" class="hover:text-gray-300 transition-colors">Monitors</a>
-    <% } %>
-    <% if (it.nav === 'settings') { %>
-      <span class="text-gray-200 relative after:absolute after:bottom-[-18px] after:left-0 after:right-0 after:h-[2px] after:bg-blue-500 after:rounded-full">Settings</span>
-    <% } else { %>
-      <a href="/dashboard/settings" class="hover:text-gray-300 transition-colors">Settings</a>
-    <% } %>
+    <a href="/dashboard/home" class="<%= it.nav === 'monitors' ? 'text-gray-200 relative after:absolute after:bottom-[-18px] after:left-0 after:right-0 after:h-[2px] after:bg-blue-500 after:rounded-full' : 'hover:text-gray-300' %> transition-colors">Monitors</a>
+    <a href="/dashboard/settings" class="<%= it.nav === 'settings' ? 'text-gray-200 relative after:absolute after:bottom-[-18px] after:left-0 after:right-0 after:h-[2px] after:bg-blue-500 after:rounded-full' : 'hover:text-gray-300' %> transition-colors">Settings</a>
     <a href="/account/logout" class="hover:text-gray-300 transition-colors">Logout</a>
   </div>
 </nav>