Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-11-18 11:36:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update proxmox-dashboard.tsx

Browse Source
This commit is contained in:
MacRimi
2025-10-23 21:36:02 +02:00
parent b141622e75
commit 5bcd081e88
1 changed files with 8 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
AppImage/components/proxmox-dashboard.tsx
View File

@@ -129,23 +129,17 @@ export function ProxmoxDashboard() {
return () => clearInterval(interval)
}, [fetchSystemData])
useEffect(() => {
let hideTimeout: ReturnType<typeof setTimeout> | null = null
const handleScroll = () => {
const currentScrollY = window.scrollY
const scrollingDown = currentScrollY > lastScrollY
const scrollingUp = currentScrollY < lastScrollY
if (currentScrollY < 150) {
if (hideTimeout) clearTimeout(hideTimeout)
if (currentScrollY < 90) {
setShowNavigation(true)
} else if (scrollingDown) {
if (hideTimeout) clearTimeout(hideTimeout)
hideTimeout = setTimeout(() => setShowNavigation(false), 100)
} else if (scrollingUp) {
if (hideTimeout) clearTimeout(hideTimeout)
} else if (currentScrollY > lastScrollY + 12) {
// Scrolling down - hide navigation
setShowNavigation(false)
} else if (currentScrollY < lastScrollY - 12) {
// Scrolling up - show navigation
setShowNavigation(true)
}
@@ -153,14 +147,9 @@ export function ProxmoxDashboard() {
}
window.addEventListener("scroll", handleScroll, { passive: true })
return () => {
window.removeEventListener("scroll", handleScroll)
if (hideTimeout) clearTimeout(hideTimeout)
}
return () => window.removeEventListener("scroll", handleScroll)
}, [lastScrollY])
const refreshData = async () => {
setIsRefreshing(true)
await fetchSystemData()
@@ -330,7 +319,7 @@ export function ProxmoxDashboard() {
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-[100%] opacity-0 pointer-events-none"}
${showNavigation ? "translate-y-0 opacity-100" : "-translate-y-[110%] opacity-0 pointer-events-none"}
`}
>
<div className="container mx-auto px-4 md:px-6 pt-4 md:pt-6">