Log's partition usage: first description text

lucatacconi · Jun 4, 2024 · 9efb878 · 9efb878
1 parent efeb57c
commit 9efb878
Showing 1 changed file with 22 additions and 5 deletions.
diff --git a/app/shareds/DiskUsage.vue b/app/shareds/DiskUsage.vue
@@ -21,14 +21,30 @@
                             <br><br>
                             <p>
                                 <template>
+
                                     <span class="text-h2 text--primary">
-                                        <strong>{{ diskUsageData['partition-used-space'] }}<span>{{ diskUsageData['unit'] }}</span>.</strong>
+                                        <strong>{{ diskUsageData['partition-used-space'] }}</strong>
+                                    </span>
+
+                                    <span class="text-h5 text--primary">
+                                       <strong>{{ diskUsageData['unit'] }} used </strong>
+                                    </span>
+
+                                    <span class="text-h4 text--gray">
+                                        /
+                                    </span>
+
+                                    <span class="text-h4 text--gray">
+                                        <strong>{{ diskUsageData['total-partition-size'] }}</strong>
                                     </span>
+
                                     <span class="text-h5 text--gray">
-                                        /{{ diskUsageData['total-partition-size'] }}<span>{{ diskUsageData['unit'] }}</span>
+                                       <strong>{{ diskUsageData['unit'] }} tot.space</strong>
                                     </span>
-                                    <span class="text-h6 text--gray">
-                                        <br>
+
+
+                                    <div class="ml-3 text-h6 text--gray">
+
                                         (
                                             <strong>{{ diskUsageData['total-log-space-yesterday'] }}</strong> <span>{{ diskUsageData['unit'] }}</span> average logs per day
                                             <template v-if=" diskUsageData['day-left'] != '' && diskUsageData['day-left'] > 0 && diskUsageData['day-left'] <= 365 ">
@@ -38,11 +54,12 @@
                                                 , >365 day/s left
                                             </template>
                                         )
-                                    </span>
+                                    </div>
                                 </template>
                             </p>
                         <div>
 
+
                         The bar representing the percentage of disk occupancy will change color to identify an emergency situation.
                         <br>
                         The daily log size data will allow you to calculate the time available to fill the disk.