UPDATE: error handling for the icons

stereum-dev · Sep 19, 2024 · 23d1d27 · 23d1d27
1 parent 6bf5312
commit 23d1d27
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/launcher/public/output.css b/launcher/public/output.css
@@ -2262,10 +2262,6 @@ video {
   width: 75%;
 }
 
-.w-\[10\%\]{
-  width: 10%;
-}
-
 .w-\[100px\]{
   width: 100px;
 }
@@ -2390,6 +2386,10 @@ video {
   width: 74px;
 }
 
+.w-\[8\%\]{
+  width: 8%;
+}
+
 .w-\[80\%\]{
   width: 80%;
 }

diff --git a/launcher/src/components/UI/control-page/components/widgets/VolumeWidget.vue b/launcher/src/components/UI/control-page/components/widgets/VolumeWidget.vue
@@ -86,6 +86,10 @@ const serviceStore = useServices();
 const totalDisk = computed(() => controlStore.totalDisk);
 
 const storagestatus = computed(() => {
+  if (!serviceStore.installedServices.length) {
+    return [];
+  }
+
   return controlStore.storagestatus.map((item) => {
     let valueInGB = parseFloat(item.storageValue);
     if (item.storageValue.includes("MB")) {
@@ -119,7 +123,7 @@ const readValue = computed(() => controlStore.readValue);
 
 const getDynamicClass = (percentage) => {
   if (percentage < 10) {
-    return "w-[10%] h-[30%]";
+    return "w-[8%] h-[30%]";
   } else if (percentage < 25) {
     return "w-[20%] h-[50%]";
   } else if (percentage < 40) {