update frontend (tuananh: update dashboard component)

KaySar12 · Oct 3, 2024 · 84dd4eb · 84dd4eb
1 parent c1600e5
commit 84dd4eb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/frontend/src/views/home/index.vue b/frontend/src/views/home/index.vue
@@ -78,9 +78,9 @@
                         </div>
                     </template>
                 </CardWithHeader>
-                <CardWithHeader :header="$t('commons.table.status')" style="margin-top: 20px">
+                <CardWithHeader :header="$t('nginx.status')" style="margin-top: 20px">
                     <template #body>
-                        <Status ref="statusRef" style="margin-top: -7px" />
+                        <Status />
                     </template>
                 </CardWithHeader>
                 <CardWithHeader :header="$t('menu.monitor')" style="margin-top: 20px; margin-bottom: 20px">
@@ -230,11 +230,11 @@
                     </template>
                 </CardWithHeader>
 
-                <!-- <CardWithHeader :header="$t('home.app')" style="margin-top: 20px">
+                <CardWithHeader :header="$t('commons.table.status')" style="margin-top: 20px">
                     <template #body>
-                        <App ref="appRef" />
+                        <Status2 ref="statusRef" style="margin-top: -7px" />
                     </template>
-                </CardWithHeader> -->
+                </CardWithHeader>
             </el-col>
         </el-row>
 
@@ -244,10 +244,11 @@
 
 <script lang="ts" setup>
 import { onMounted, onBeforeUnmount, ref, reactive } from 'vue';
-import Status from '@/views/home/status/index.vue';
+import Status2 from '@/views/home/status/index.vue';
 /* eslint-disable prettier/prettier */
 // import Status2 from '@/views/database/mysql/setting/status/index.vue';
 // import App from '@/views/home/app/index.vue';
+import Status from '@/views/website/website/nginx/status/index.vue';
 import VCharts from '@/components/v-charts/index.vue';
 import LicenseImport from '@/components/license-import/index.vue';
 import CardWithHeader from '@/components/card-with-header/index.vue';

diff --git a/frontend/src/views/website/website/nginx/status/index.vue b/frontend/src/views/website/website/nginx/status/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <el-form label-position="top">
-            <el-row type="flex" style="margin-left: 50px" justify="center">
+            <el-row type="flex" style="margin-left: 10px" justify="center">
                 <el-form-item style="width: 25%">
                     <template #label>
                         <span class="status-label">{{ $t('nginx.connections') }}</span>