mirror of
https://github.com/MacRimi/ProxMenux.git
synced 2025-11-18 03:26:17 +00:00
Update proxmox-dashboard.tsx
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user