From d8971b05c1b67b4c12a778e347cc22cc2da1e422 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <zhengkun@fit2cloud.com>
Date: Wed, 23 Nov 2022 17:04:17 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=B7=B2=E5=AE=89=E8=A3=85=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/app-status/index.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/app-status/index.vue b/frontend/src/components/app-status/index.vue
index 73c5f21da..8920628e2 100644
--- a/frontend/src/components/app-status/index.vue
+++ b/frontend/src/components/app-status/index.vue
@@ -3,31 +3,31 @@
         <div class="app-content" v-if="data.isExist">
             <el-card class="app-card" v-loading="loading">
                 <el-row :gutter="20">
-                    <el-col :span="1">
+                    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1">
                         <div>
                             <el-tag effect="dark" type="success">{{ data.app }}</el-tag>
                         </div>
                     </el-col>
-                    <el-col :span="2">
+                    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="2">
                         <div>
                             {{ $t('app.version') }}:
                             <el-tag type="info">{{ data.version }}</el-tag>
                         </div>
                     </el-col>
-                    <el-col :span="2">
+                    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="2">
                         <div>
                             {{ $t('commons.table.status') }}:
                             <el-tag type="success">{{ data.status }}</el-tag>
                         </div>
                     </el-col>
-                    <el-col :span="4">
+                    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="2">
                         <div>
                             {{ $t('website.lastBackupAt') }}:
                             <el-tag v-if="data.lastBackupAt != ''" type="info">{{ data.lastBackupAt }}</el-tag>
                             <span else>{{ $t('website.null') }}</span>
                         </div>
                     </el-col>
-                    <el-col :span="6">
+                    <el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="6">
                         <el-button type="primary" link @click="onOperate('restart')">{{ $t('app.restart') }}</el-button>
                         <el-button type="primary" link @click="setting">{{ $t('commons.button.set') }}</el-button>
                     </el-col>