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 virtual-machines.tsx

Browse Source
This commit is contained in:
MacRimi
2025-10-24 23:28:10 +02:00
parent d5d5dd7855
commit 15eca895fb
1 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -694,7 +694,7 @@ export function VirtualMachines() {
{safeVMData.filter((vm) => vm.status === "stopped").length} Stopped {safeVMData.filter((vm) => vm.status === "stopped").length} Stopped
</Badge> </Badge>
</div> </div>
<p className="text-xs text-muted-foreground mt-2">Virtual machines configured</p> <p className="text-xs text-muted-foreground mt-2 hidden lg:block">Virtual machines configured</p>
</CardContent> </CardContent>
</Card> </Card>
@@ -738,7 +738,8 @@ export function VirtualMachines() {
{/* Allocated RAM (configured) */} {/* Allocated RAM (configured) */}
<div className="pt-3 border-t border-border"> <div className="pt-3 border-t border-border">
<div className="flex items-center justify-between"> {/* Layout para desktop (sin cambios) */}
<div className="hidden lg:flex items-center justify-between">
<div> <div>
<div className="text-lg font-semibold text-foreground">{totalAllocatedMemoryGB} GB</div> <div className="text-lg font-semibold text-foreground">{totalAllocatedMemoryGB} GB</div>
<div className="text-xs text-muted-foreground">Allocated RAM</div> <div className="text-xs text-muted-foreground">Allocated RAM</div>
@@ -757,6 +758,27 @@ export function VirtualMachines() {
</div> </div>
)} )}
</div> </div>
{/* Layout para móvil (44.0 GB y Allocated RAM en la misma línea, badge debajo) */}
<div className="lg:hidden space-y-2">
<div className="flex items-baseline gap-2">
<div className="text-lg font-semibold text-foreground">{totalAllocatedMemoryGB} GB</div>
<div className="text-xs text-muted-foreground">Allocated RAM</div>
</div>
{physicalMemoryGB !== null && (
<div>
{isMemoryOvercommit ? (
<Badge variant="outline" className="bg-yellow-500/10 text-yellow-500 border-yellow-500/20">
Exceeds Physical
</Badge>
) : (
<Badge variant="outline" className="bg-green-500/10 text-green-500 border-green-500/20">
Within Limits
</Badge>
)}
</div>
)}
</div>
</div> </div>
</CardContent> </CardContent>
</Card> </Card>