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

Update AppImage

Browse Source
This commit is contained in:
MacRimi
2025-10-23 19:47:26 +02:00
parent dadb215ce0
commit 03a007b9b6
2 changed files with 64 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -133,11 +133,11 @@ export function ProxmoxDashboard() {
const handleScroll = () => {
const currentScrollY = window.scrollY
if (currentScrollY < 10) {
// Always show navigation when at the very top
// Only hide navigation if scrolled down more than 100px
if (currentScrollY < 100) {
setShowNavigation(true)
} else if (currentScrollY > lastScrollY && currentScrollY > 80) {
// Scrolling down - hide navigation (only after 80px)
} else if (currentScrollY > lastScrollY) {
// Scrolling down - hide navigation
setShowNavigation(false)
} else if (currentScrollY < lastScrollY) {
// Scrolling up - show navigation
@@ -228,7 +228,7 @@ export function ProxmoxDashboard() {
</div>
)}
<header className="border-b border-border bg-card fixed top-0 left-0 right-0 z-50 shadow-sm">
<header className="border-b border-border bg-card sticky top-0 z-50 shadow-sm">
<div className="container mx-auto px-4 md:px-6 py-4 md:py-4">
{/* Logo and Title */}
<div className="flex items-start justify-between gap-3">
@@ -317,14 +317,11 @@ export function ProxmoxDashboard() {
</header>
<div
className={`fixed left-0 right-0 bg-background border-b border-border transition-transform duration-300 ease-in-out z-40 ${
showNavigation ? "translate-y-0" : "-translate-y-full"
className={`sticky top-[88px] z-40 bg-background transition-transform duration-300 ease-in-out ${
showNavigation ? "translate-y-0" : "-translate-y-[120%]"
}`}
style={{
top: "88px",
}}
>
<div className="container mx-auto px-4 md:px-6 pt-4 md:pt-6 pb-4">
<div className="container mx-auto px-4 md:px-6 pt-4 md:pt-6">
<Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-0">
<TabsList className="hidden md:grid w-full grid-cols-6 bg-card border border-border">
<TabsTrigger
@@ -473,7 +470,7 @@ export function ProxmoxDashboard() {
</div>
</div>
<div className="container mx-auto px-4 md:px-6 py-4 md:py-6" style={{ paddingTop: "160px" }}>
<div className="container mx-auto px-4 md:px-6 py-4 md:py-6">
<Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-4 md:space-y-6">
<TabsContent value="overview" className="space-y-4 md:space-y-6 mt-0">
<SystemOverview key={`overview-${componentKey}`} />