Update proxmox-dashboard.tsx

This commit is contained in:
MacRimi
2025-10-17 20:01:10 +02:00
parent 439c65ad6d
commit 79fe999e77

View File

@@ -298,10 +298,13 @@ export function ProxmoxDashboard() {
<div className="container mx-auto px-4 md:px-6 py-4 md:py-6"> <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"> <Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-4 md:space-y-6">
<div <div
className={`sticky top-[88px] md:top-[72px] z-40 transition-transform duration-300 ${ className={`fixed top-[88px] md:top-[72px] left-0 right-0 z-40 px-4 md:px-6 transition-transform duration-300 ${
scrollDirection === "down" && !isAtTop ? "-translate-y-[200%]" : "translate-y-0" scrollDirection === "down" && !isAtTop
? "-translate-y-[calc(100%+88px)] md:-translate-y-[calc(100%+72px)]"
: "translate-y-0"
}`} }`}
> >
<div className="container mx-auto">
<TabsList className="hidden md:grid w-full grid-cols-6 bg-card border border-border"> <TabsList className="hidden md:grid w-full grid-cols-6 bg-card border border-border">
<TabsTrigger <TabsTrigger
value="overview" value="overview"
@@ -446,7 +449,9 @@ export function ProxmoxDashboard() {
</SheetContent> </SheetContent>
</Sheet> </Sheet>
</div> </div>
</div>
<div className="pt-16 md:pt-12">
<TabsContent value="overview" className="space-y-4 md:space-y-6"> <TabsContent value="overview" className="space-y-4 md:space-y-6">
<SystemOverview key={`overview-${componentKey}`} /> <SystemOverview key={`overview-${componentKey}`} />
</TabsContent> </TabsContent>
@@ -470,6 +475,7 @@ export function ProxmoxDashboard() {
<TabsContent value="logs" className="space-y-4 md:space-y-6"> <TabsContent value="logs" className="space-y-4 md:space-y-6">
<SystemLogs key={`logs-${componentKey}`} /> <SystemLogs key={`logs-${componentKey}`} />
</TabsContent> </TabsContent>
</div>
</Tabs> </Tabs>
<footer className="mt-8 md:mt-12 pt-4 md:pt-6 border-t border-border text-center text-xs md:text-sm text-muted-foreground"> <footer className="mt-8 md:mt-12 pt-4 md:pt-6 border-t border-border text-center text-xs md:text-sm text-muted-foreground">