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

---
 AppImage/components/proxmox-dashboard.tsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/AppImage/components/proxmox-dashboard.tsx b/AppImage/components/proxmox-dashboard.tsx
index e022662..68fe1c8 100644
--- a/AppImage/components/proxmox-dashboard.tsx
+++ b/AppImage/components/proxmox-dashboard.tsx
@@ -133,12 +133,12 @@ export function ProxmoxDashboard() {
     const handleScroll = () => {
       const currentScrollY = window.scrollY
 
-      if (currentScrollY < 90) {
+      if (currentScrollY < 100) {
         setShowNavigation(true)
-      } else if (currentScrollY > lastScrollY + 12) {
+      } else if (currentScrollY > lastScrollY + 20) {
         // Scrolling down - hide navigation
         setShowNavigation(false)
-      } else if (currentScrollY < lastScrollY - 12) {
+      } else if (currentScrollY < lastScrollY - 20) {
         // Scrolling up - show navigation
         setShowNavigation(true)
       }
@@ -316,11 +316,9 @@ export function ProxmoxDashboard() {
       </header>
 
       <div
-        className={`sticky z-40 bg-background
-          top-[80px] md:top-[92px]   /* header + pequeño gap */
-          transition-transform duration-300 ease-in-out will-change-transform
-          ${showNavigation ? "translate-y-0 opacity-100" : "-translate-y-[110%] opacity-0 pointer-events-none"}
-        `}
+        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%]"
+        }`}
       >
         <div className="container mx-auto px-4 md:px-6 pt-4 md:pt-6">
           <Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-0">