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 AppImage

Browse Source
This commit is contained in:
MacRimi
2025-10-15 20:27:30 +02:00
parent e1e4f71f3a
commit daf6598599
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -209,13 +209,13 @@ export function ProxmoxDashboard() {
<div className="flex items-center justify-between gap-3"> <div className="flex items-center justify-between gap-3">
{/* Logo and Title */} {/* Logo and Title */}
<div className="flex items-center space-x-2 md:space-x-3 min-w-0"> <div className="flex items-center space-x-2 md:space-x-3 min-w-0">
<div className="w-10 h-10 md:w-10 md:h-10 relative flex items-center justify-center bg-primary/10 flex-shrink-0"> <div className="w-16 h-16 md:w-10 md:h-10 relative flex items-center justify-center bg-primary/10 flex-shrink-0">
<Image <Image
src="/images/proxmenux-logo.png" src="/images/proxmenux-logo.png"
alt="ProxMenux Logo" alt="ProxMenux Logo"
width={40} width={64}
height={40} height={64}
className="object-contain" className="object-contain md:w-10 md:h-10"
priority priority
onError={(e) => { onError={(e) => {
console.log("[v0] Logo failed to load, using fallback icon") console.log("[v0] Logo failed to load, using fallback icon")
@@ -227,11 +227,15 @@ export function ProxmoxDashboard() {
} }
}} }}
/> />
<Server className="h-5 w-5 md:h-6 md:w-6 text-primary absolute fallback-icon hidden" /> <Server className="h-8 w-8 md:h-6 md:w-6 text-primary absolute fallback-icon hidden" />
</div> </div>
<div className="min-w-0"> <div className="min-w-0">
<h1 className="text-lg md:text-xl font-semibold text-foreground truncate">ProxMenux Monitor</h1> <h1 className="text-lg md:text-xl font-semibold text-foreground truncate">ProxMenux Monitor</h1>
<p className="text-xs md:text-sm text-muted-foreground">Proxmox System Dashboard</p> <p className="text-xs md:text-sm text-muted-foreground">Proxmox System Dashboard</p>
<div className="lg:hidden flex items-center gap-1 text-xs text-muted-foreground mt-0.5">
<Server className="h-3 w-3" />
<span className="truncate">Node: {systemStatus.serverName}</span>
</div>
</div> </div>
</div> </div>
@@ -240,7 +244,7 @@ export function ProxmoxDashboard() {
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<Server className="h-4 w-4 text-muted-foreground" /> <Server className="h-4 w-4 text-muted-foreground" />
<div className="text-sm"> <div className="text-sm">
<div className="font-medium text-foreground">{systemStatus.serverName}</div> <div className="font-medium text-foreground">Node: {systemStatus.serverName}</div>
</div> </div>
</div> </div>
@@ -281,11 +285,7 @@ export function ProxmoxDashboard() {
</div> </div>
{/* Mobile Server Info */} {/* Mobile Server Info */}
<div className="lg:hidden mt-2 flex items-center justify-between text-xs text-muted-foreground"> <div className="lg:hidden mt-2 flex items-center justify-end text-xs text-muted-foreground">
<div className="flex items-center gap-1">
<Server className="h-3 w-3" />
<span className="truncate">{systemStatus.serverName}</span>
</div>
<span className="whitespace-nowrap">Uptime: {systemStatus.uptime}</span> <span className="whitespace-nowrap">Uptime: {systemStatus.uptime}</span>
</div> </div>
</div> </div>

6
AppImage/components/virtual-machines.tsx
View File

@@ -616,17 +616,17 @@ export function VirtualMachines() {
{/* Line 3: CPU, Memory, Disk (numbers only with colors) */} {/* Line 3: CPU, Memory, Disk (numbers only with colors) */}
<div className="flex items-center gap-4 text-sm"> <div className="flex items-center gap-4 text-sm">
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<Cpu className="h-3 w-3 text-muted-foreground" /> <Cpu className="h-3 w-3 text-blue-500" />
<span className={getUsageColor(Number.parseFloat(cpuPercent))}>{cpuPercent}%</span> <span className={getUsageColor(Number.parseFloat(cpuPercent))}>{cpuPercent}%</span>
</div> </div>
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<MemoryStick className="h-3 w-3 text-muted-foreground" /> <MemoryStick className="h-3 w-3 text-blue-500" />
<span className={getUsageColor(Number.parseFloat(memPercent))}> <span className={getUsageColor(Number.parseFloat(memPercent))}>
{memGB}/{maxMemGB} GB {memGB}/{maxMemGB} GB
</span> </span>
</div> </div>
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<HardDrive className="h-3 w-3 text-muted-foreground" /> <HardDrive className="h-3 w-3 text-blue-500" />
<span className={getUsageColor(Number.parseFloat(diskPercent))}> <span className={getUsageColor(Number.parseFloat(diskPercent))}>
{diskGB}/{maxDiskGB} GB {diskGB}/{maxDiskGB} GB
</span> </span>