Browse Source

enhance: update grid for memory and storage charts #1201

Jacky 2 days ago
parent
commit
c4dc682f7b
1 changed files with 6 additions and 3 deletions
  1. 6 3
      app/src/views/dashboard/ServerAnalytic.vue

+ 6 - 3
app/src/views/dashboard/ServerAnalytic.vue

@@ -216,11 +216,12 @@ function wsOnMessage(m: MessageEvent) {
           :title="$gettext('Memory and Storage')"
           :title="$gettext('Memory and Storage')"
           :bordered="false"
           :bordered="false"
         >
         >
-          <ARow :gutter="[0, 16]">
+          <ARow :gutter="[0, 32]">
             <ACol
             <ACol
               :xs="24"
               :xs="24"
               :sm="24"
               :sm="24"
               :md="8"
               :md="8"
+              :lg="8"
             >
             >
               <RadialBarChart
               <RadialBarChart
                 :key="$gettext('Memory')"
                 :key="$gettext('Memory')"
@@ -233,8 +234,9 @@ function wsOnMessage(m: MessageEvent) {
             </ACol>
             </ACol>
             <ACol
             <ACol
               :xs="24"
               :xs="24"
-              :sm="12"
+              :sm="24"
               :md="8"
               :md="8"
+              :lg="8"
             >
             >
               <RadialBarChart
               <RadialBarChart
                 :key="$gettext('Swap')"
                 :key="$gettext('Swap')"
@@ -247,8 +249,9 @@ function wsOnMessage(m: MessageEvent) {
             </ACol>
             </ACol>
             <ACol
             <ACol
               :xs="24"
               :xs="24"
-              :sm="12"
+              :sm="24"
               :md="8"
               :md="8"
+              :lg="8"
             >
             >
               <RadialBarChart
               <RadialBarChart
                 :key="$gettext('Storage')"
                 :key="$gettext('Storage')"