diff --git a/AppImage/components/virtual-machines.tsx b/AppImage/components/virtual-machines.tsx index af732fe..67fbeb3 100644 --- a/AppImage/components/virtual-machines.tsx +++ b/AppImage/components/virtual-machines.tsx @@ -533,7 +533,8 @@ export function VirtualMachines() { -
+
+ {/* CPU Usage - Mobile: left column, Desktop: column 1 */}
CPU Usage
@@ -545,6 +546,7 @@ export function VirtualMachines() { />
+ {/* Memory - Mobile: right column, Desktop: column 2 */}
Memory
@@ -556,7 +558,8 @@ export function VirtualMachines() { />
-
+ {/* Disk Usage - Mobile: left column (new row), Desktop: column 3 */} +
Disk Usage
{diskGB} / {maxDiskGB} GB @@ -565,12 +568,22 @@ export function VirtualMachines() { value={Number.parseFloat(diskPercent)} className={`h-1.5 ${getProgressColor(Number.parseFloat(diskPercent))}`} /> -
- ↓ {formatBytes(vm.diskread)} - ↑ {formatBytes(vm.diskwrite)} +
+ + {/* Disk I/O - Mobile: right column (same row as Disk Usage), Desktop: column 3 (below Disk Usage bar) */} +
+
Disk I/O
+
+
+ ↓ {formatBytes(vm.diskread)} +
+
+ ↑ {formatBytes(vm.diskwrite)} +
+ {/* Network I/O - Mobile: full width (new row), Desktop: column 4 */}
Network I/O
@@ -582,6 +595,14 @@ export function VirtualMachines() {
+ + {/* Disk I/O for Desktop - shown below Disk Usage */} +
+
+ ↓ {formatBytes(vm.diskread)} + ↑ {formatBytes(vm.diskwrite)} +
+
)