Add system basic graphs

dashboard/src/views/SystemView.vue

@@ -6,6 +6,8 @@ import moment from 'moment';
 import { prettyDecimalSize } from 'pankow/utils';
 import Section from '../components/Section.vue';
 import DiskUsage from '../components/DiskUsage.vue';
+import MemoryUsage from '../components/MemoryUsage.vue';
+import CpuUsage from '../components/CpuUsage.vue';
 import SystemModel from '../models/SystemModel.js';
 import DashboardModel from '../models/DashboardModel.js';
 
@@ -84,6 +86,20 @@ onMounted(async () => {
       </div>
     </Section>
 
+    <div class="graphs">
+      <MemoryUsage style="flex-grow: 1;" />
+      <CpuUsage style="flex-grow: 1;" />
+    </div>
+
     <DiskUsage />
   </div>
 </template>
+
+<style scoped>
+
+.graphs {
+  display: flex;
+  gap: 60px;
+}
+
+</style>