[WebUI] Unecessary space between Processcount and processlist #3032

nicolargo · Dec 23, 2024 · f3d9e3f · f3d9e3f
1 parent 499e46c
commit f3d9e3f
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 7 deletions.
diff --git a/glances/outputs/static/css/style.scss b/glances/outputs/static/css/style.scss
@@ -80,6 +80,11 @@ body {
 
 // Layout
 
+.container-fluid {
+    margin-left: 0px;
+    margin-right: 0px;
+}
+
 .header {
     height: 30px;
 }
@@ -312,6 +317,7 @@ body {
     span:nth-child(1) {
         padding-left: 0px;
     }
+    margin-bottom: 0px;
 }
 
 #amps {

diff --git a/glances/outputs/static/js/App.vue b/glances/outputs/static/js/App.vue
@@ -4,7 +4,7 @@
     </div>
     <glances-help v-else-if="args.help_tag"></glances-help>
     <main v-else>
-        <div class="container-fluidheader">
+        <div class="container-fluid header">
             <div class="row justify-content-between">
                 <div class="col-auto" v-if="!args.disable_system">
                     <glances-plugin-system :data="data"></glances-plugin-system>

diff --git a/glances/outputs/static/js/components/plugin-amps.vue b/glances/outputs/static/js/components/plugin-amps.vue
@@ -1,5 +1,5 @@
 <template>
-    <section id="amps" class="plugin">
+    <section id="amps" class="plugin" v-if="hasAmps">
         <table class="table table-sm table-borderless">
             <tbody>
                 <tr v-for="(process, processId) in processes" :key="processId">
@@ -23,7 +23,7 @@
             </div>
         </div> -->
 
-</section>
+    </section>
 </template>
 
 <script>
@@ -39,6 +39,9 @@ export default {
         },
         processes() {
             return this.stats.filter((process) => process.result !== null);
+        },
+        hasAmps() {
+            return this.processes.length > 0;
         }
     },
     methods: {

diff --git a/glances/outputs/static/public/browser.js b/glances/outputs/static/public/browser.js
diff --git a/glances/outputs/static/public/glances.js b/glances/outputs/static/public/glances.js