From 682580e11d0e1456ecc983c47e96283996e01a95 Mon Sep 17 00:00:00 2001
From: Marcel Raddatz <marcel@raddatz.cloud>
Date: Thu, 2 Apr 2026 14:04:50 +0200
Subject: [PATCH] feat(nav): add hover state on inactive tablet and desktop nav
 items

Applies hover:bg-[var(--color-subtle)] to inactive nav links for
visual feedback on pointer devices.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/nav/DesktopSidebar.svelte | 2 +-
 frontend/src/lib/nav/TabletNavBar.svelte   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/nav/DesktopSidebar.svelte b/frontend/src/lib/nav/DesktopSidebar.svelte
index d7a7453..9865bab 100644
--- a/frontend/src/lib/nav/DesktopSidebar.svelte
+++ b/frontend/src/lib/nav/DesktopSidebar.svelte
@@ -30,7 +30,7 @@
 					aria-current={active ? 'page' : undefined}
 					class="px-3 py-[7px] text-[13px] font-[var(--font-sans)] rounded-[var(--radius-md)] flex items-center gap-2 {active
 						? 'bg-[var(--green-tint)] text-[var(--green-dark)] font-medium'
-						: ''}"
+						: 'hover:bg-[var(--color-subtle)]'}"
 				>
 					<span class="w-[20px] text-[16px] text-center">{item.icon}</span>
 					{item.label}
diff --git a/frontend/src/lib/nav/TabletNavBar.svelte b/frontend/src/lib/nav/TabletNavBar.svelte
index 2daa707..85f119a 100644
--- a/frontend/src/lib/nav/TabletNavBar.svelte
+++ b/frontend/src/lib/nav/TabletNavBar.svelte
@@ -14,7 +14,7 @@
 			aria-current={active ? 'page' : undefined}
 			class="px-4 py-2 rounded-[var(--radius-md)] text-[13px] font-[var(--font-sans)] {active
 				? 'bg-[var(--green-tint)] text-[var(--green-dark)] font-medium'
-				: ''}"
+				: 'hover:bg-[var(--color-subtle)]'}"
 		>
 			<span>{item.icon}</span>
 			{item.label}