From d8454746444f04a3d9a35fba0b8e46c14fb837b8 Mon Sep 17 00:00:00 2001
From: MacRimi <ricoextincion@gmail.com>
Date: Thu, 23 Oct 2025 21:02:56 +0200
Subject: [PATCH] Update proxmox-dashboard.tsx

---
 AppImage/components/proxmox-dashboard.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/AppImage/components/proxmox-dashboard.tsx b/AppImage/components/proxmox-dashboard.tsx
index 68fe1c8..848eb7a 100644
--- a/AppImage/components/proxmox-dashboard.tsx
+++ b/AppImage/components/proxmox-dashboard.tsx
@@ -135,10 +135,10 @@ export function ProxmoxDashboard() {
 
       if (currentScrollY < 100) {
         setShowNavigation(true)
-      } else if (currentScrollY > lastScrollY + 20) {
+      } else if (currentScrollY > lastScrollY + 10) {
         // Scrolling down - hide navigation
         setShowNavigation(false)
-      } else if (currentScrollY < lastScrollY - 20) {
+      } else if (currentScrollY < lastScrollY - 12) {
         // Scrolling up - show navigation
         setShowNavigation(true)
       }
@@ -316,9 +316,11 @@ export function ProxmoxDashboard() {
       </header>
 
       <div
-        className={`sticky z-40 bg-background transition-all duration-300 ease-in-out ${
-          showNavigation ? "top-[100px] md:top-[88px]" : "-top-[100px] md:top-[88px] md:-translate-y-[120%]"
-        }`}
+        className={`sticky z-40 bg-background
+          top-[120px] md:top-[108px]    /* Header (64–88px) + gap visual (30–40px) */
+          transition-transform duration-300 ease-in-out will-change-transform
+          ${showNavigation ? "translate-y-0 opacity-100" : "-translate-y-[140%] opacity-0 pointer-events-none"}
+        `}
       >
         <div className="container mx-auto px-4 md:px-6 pt-4 md:pt-6">
           <Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-0">