feat: monitoring UI (wip)

NethServer · Sep 26, 2024 · 19a28e8 · 19a28e8
1 parent b7b78cd
commit 19a28e8
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/standalone/monitoring/VpnMonitor.vue b/src/components/standalone/monitoring/VpnMonitor.vue
@@ -402,7 +402,7 @@ function getTunnelName(tunnelId: string) {
         <!-- connected tunnels -->
         <NeCard
           :title="t('standalone.real_time_monitor.connected_tunnels')"
-          class="sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-6 3xl:col-span-4"
+          class="sm:col-span-6 md:col-span-6 lg:col-span-4 xl:col-span-3 3xl:col-span-3"
         >
           <SimpleStat class="mt-1">
             <span>{{ connectedTunnels.length }}/{{ allTunnels.length }}</span>
@@ -412,15 +412,15 @@ function getTunnelName(tunnelId: string) {
         <ConfiguredTunnelsCard
           :tunnels="allTunnels"
           :tunnelDevices="tunnelDevices"
-          class="sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-6 3xl:col-span-4"
+          class="row-span-2 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-9 3xl:col-span-5"
         ></ConfiguredTunnelsCard>
         <!-- tunnels traffic -->
         <InterfaceTrafficCard
           v-for="(tunnelDevice, tunnelId) in tunnelDevices"
           :key="tunnelDevice"
           :iface="getTunnelName(tunnelId)"
           :device="tunnelDevice"
-          class="sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-6 3xl:col-span-4"
+          class="row-span-2 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-6 3xl:col-span-4"
         />
       </template>
     </div>