use responsive classes for graphs

BossHobby · Jan 5, 2025 · a5e5e8b · a5e5e8b
1 parent 78531a3
commit a5e5e8b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/panel/ThrottleSettings.vue b/src/panel/ThrottleSettings.vue
@@ -56,11 +56,12 @@
               </div>
             </div>
           </div>
-          <div class="column is-6" style="height: 30vw">
+          <div class="column is-6">
             <LineChart
               :title="'Throttle'"
               :labels="plot.labels"
               :axis="plot.axis"
+              class="image is-fullwidth is-4by3"
             ></LineChart>
           </div>
         </div>

diff --git a/src/views/Perf.vue b/src/views/Perf.vue
@@ -4,12 +4,12 @@
       v-for="(counter, index) in perf.counters"
       :key="'counter' + index"
       class="column is-6 my-3"
-      style="height: 35vw"
     >
       <RealtimePlot
         :title="counter.name"
         :axis="Object.keys(counter).slice(1)"
         :input="counter"
+        class="image is-fullwidth is-4by3"
       ></RealtimePlot>
     </div>
   </div>