Update virtual-machines.tsx

This commit is contained in:
MacRimi
2025-11-11 18:21:30 +01:00
parent 7e878ecff2
commit 673e1cf212

View File

@@ -124,7 +124,6 @@ interface VMDetails extends VMData {
gpu_passthrough?: string[] gpu_passthrough?: string[]
devices?: string[] devices?: string[]
} }
lxc_ip?: string
lxc_ip_info?: { lxc_ip_info?: {
all_ips: string[] all_ips: string[]
real_ips: string[] real_ips: string[]
@@ -1079,6 +1078,7 @@ export function VirtualMachines() {
<> <>
<DialogHeader className="pb-4 border-b border-border px-6 pt-6"> <DialogHeader className="pb-4 border-b border-border px-6 pt-6">
<DialogTitle className="flex flex-col gap-3"> <DialogTitle className="flex flex-col gap-3">
{/* Desktop layout: Uptime now appears after status badge */}
<div className="hidden sm:flex items-center gap-3 flex-wrap"> <div className="hidden sm:flex items-center gap-3 flex-wrap">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Server className="h-5 w-5 flex-shrink-0" /> <Server className="h-5 w-5 flex-shrink-0" />
@@ -1095,15 +1095,16 @@ export function VirtualMachines() {
<Badge variant="outline" className={`${getStatusColor(selectedVM.status)} flex-shrink-0`}> <Badge variant="outline" className={`${getStatusColor(selectedVM.status)} flex-shrink-0`}>
{selectedVM.status.toUpperCase()} {selectedVM.status.toUpperCase()}
</Badge> </Badge>
</div>
{selectedVM.status === "running" && ( {selectedVM.status === "running" && (
<span className="text-sm text-muted-foreground ml-auto"> <span className="text-sm text-muted-foreground">
Uptime: {formatUptime(selectedVM.uptime)} Uptime: {formatUptime(selectedVM.uptime)}
</span> </span>
)} )}
</div>
</> </>
)} )}
</div> </div>
{/* Mobile layout unchanged */}
<div className="sm:hidden flex flex-col gap-2"> <div className="sm:hidden flex flex-col gap-2">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Server className="h-5 w-5 flex-shrink-0" /> <Server className="h-5 w-5 flex-shrink-0" />