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-14 19:48:57 +02:00
parent 66c4786ec2
commit c73154aeb1
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -290,9 +290,9 @@ export function VirtualMachines() {
const getStatusIcon = (status: string) => { const getStatusIcon = (status: string) => {
switch (status) { switch (status) {
case "running": case "running":
return <Play className="h-3 w-3 mr-1" /> return <Play className="h-3 w-3" />
case "stopped": case "stopped":
return <Square className="h-3 w-3 mr-1" /> return <Square className="h-3 w-3" />
default: default:
return null return null
} }
@@ -502,10 +502,19 @@ export function VirtualMachines() {
> >
<div className="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3 mb-3"> <div className="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3 mb-3">
<div className="flex items-center gap-2 flex-wrap"> <div className="flex items-center gap-2 flex-wrap">
<Badge variant="outline" className={`text-xs flex-shrink-0 ${getStatusColor(vm.status)}`}> <Badge
variant="outline"
className={`text-xs flex-shrink-0 ${getStatusColor(vm.status)} hidden sm:flex`}
>
{getStatusIcon(vm.status)} {getStatusIcon(vm.status)}
{vm.status.toUpperCase()} {vm.status.toUpperCase()}
</Badge> </Badge>
<Badge
variant="outline"
className={`text-xs flex-shrink-0 p-1.5 ${getStatusColor(vm.status)} flex sm:hidden`}
>
{getStatusIcon(vm.status)}
</Badge>
<Badge variant="outline" className={`text-xs flex-shrink-0 ${typeBadge.color}`}> <Badge variant="outline" className={`text-xs flex-shrink-0 ${typeBadge.color}`}>
{typeBadge.icon} {typeBadge.icon}
{typeBadge.label} {typeBadge.label}
@@ -556,6 +565,10 @@ export function VirtualMachines() {
value={Number.parseFloat(diskPercent)} value={Number.parseFloat(diskPercent)}
className={`h-1.5 ${getProgressColor(Number.parseFloat(diskPercent))}`} className={`h-1.5 ${getProgressColor(Number.parseFloat(diskPercent))}`}
/> />
<div className="text-xs font-semibold mt-1 flex gap-2">
<span className="text-green-500">↓ {formatBytes(vm.diskread)}</span>
<span className="text-blue-500">↑ {formatBytes(vm.diskwrite)}</span>
</div>
</div> </div>
<div className="col-span-2 md:col-span-1"> <div className="col-span-2 md:col-span-1">