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:02:56 +02:00
parent cd67aba2ad
commit d845474644
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -135,10 +135,10 @@ export function ProxmoxDashboard() {
if (currentScrollY < 100) { if (currentScrollY < 100) {
setShowNavigation(true) setShowNavigation(true)
} else if (currentScrollY > lastScrollY + 20) { } else if (currentScrollY > lastScrollY + 10) {
// Scrolling down - hide navigation // Scrolling down - hide navigation
setShowNavigation(false) setShowNavigation(false)
} else if (currentScrollY < lastScrollY - 20) { } else if (currentScrollY < lastScrollY - 12) {
// Scrolling up - show navigation // Scrolling up - show navigation
setShowNavigation(true) setShowNavigation(true)
} }
@@ -316,9 +316,11 @@ export function ProxmoxDashboard() {
</header> </header>
<div <div
className={`sticky z-40 bg-background transition-all duration-300 ease-in-out ${ className={`sticky z-40 bg-background
showNavigation ? "top-[100px] md:top-[88px]" : "-top-[100px] md:top-[88px] md:-translate-y-[120%]" 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"> <div className="container mx-auto px-4 md:px-6 pt-4 md:pt-6">
<Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-0"> <Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-0">