diff --git a/src/renderer/views/Config.vue b/src/renderer/views/Config.vue index a98a3c42..11c9f94d 100644 --- a/src/renderer/views/Config.vue +++ b/src/renderer/views/Config.vue @@ -5,56 +5,66 @@
-
-
- -

- RAM Allocation -

+ class="flex flex-col p-2 py-3 my-0 w-full backdrop-blur-xl backdrop-brightness-150 bg-neutral-800/20"> +
+
+
+ +

+ RAM Allocation +

+
+

+ How many gigabytes of RAM are allocated to the Windows virtual machine +

+
+
+ +

GB

-

- How many gigabytes of RAM are allocated to the Windows virtual machine -

-
-
- -

GB

+

+ {{ ramWarning }} +

-
-
- -

- CPU Cores -

+ class="flex flex-col p-2 py-3 my-0 w-full backdrop-blur-xl backdrop-brightness-150 bg-neutral-800/20"> +
+
+
+ +

+ CPU Cores +

+
+

+ How many CPU Cores are allocated to the Windows virtual machine +

+
+
+ +

Cores

-

- How many CPU Cores are allocated to the Windows virtual machine -

-
-
- -

Cores

+

+ {{ cpuWarning }} +

@@ -538,6 +548,23 @@ function updateApplicationScale(value: string | number) { origApplicationScale.value = clamped; } +// Computed properties for resource warnings +const ramWarning = computed(() => { + const percentage = (ramGB.value / maxRamGB.value) * 100; + if (percentage > 40) { + return `⚠️ Using ${percentage.toFixed(0)}% of total RAM - high allocation may impact host performance`; + } + return null; +}); + +const cpuWarning = computed(() => { + const percentage = (numCores.value / maxNumCores.value) * 100; + if (percentage > 50) { + return `⚠️ Using ${percentage.toFixed(0)}% of total CPU cores - high allocation may impact host performance`; + } + return null; +}); + /** * Assigns the initial values from the Docker Compose file to the reactive refs * so we can display them and track when a change has been made