fix: 统一状态栏样式 (#2162)

frontend/src/views/container/setting/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div v-loading="loading">
-        <div class="a-card" style="margin-top: 20px">
+        <div class="app-status" style="margin-top: 20px">
             <el-card>
                 <div>
                     <el-tag style="float: left" effect="dark" type="success">Docker</el-tag>
@@ -54,7 +54,7 @@
                                         v-model="form.mirrors"
                                         style="width: calc(100% - 80px)"
                                     />
-                                    <el-button class="append-button" @click="onChangeMirrors" icon="Setting">
+                                    <el-button @click="onChangeMirrors" icon="Setting">
                                         {{ $t('commons.button.set') }}
                                     </el-button>
                                 </div>
@@ -87,7 +87,7 @@
                                         v-model="form.registries"
                                         style="width: calc(100% - 80px)"
                                     />
-                                    <el-button class="append-button" @click="onChangeRegistries" icon="Setting">
+                                    <el-button @click="onChangeRegistries" icon="Setting">
                                         {{ $t('commons.button.set') }}
                                     </el-button>
                                 </div>
@@ -451,28 +451,3 @@ onMounted(() => {
     search();
 });
 </script>
-
-<style lang="scss" scoped>
-.a-card {
-    font-size: 17px;
-    .el-card {
-        --el-card-padding: 12px;
-        .buttons {
-            margin-left: 100px;
-        }
-    }
-}
-.status-content {
-    float: left;
-    margin-left: 50px;
-}
-body {
-    margin: 0;
-}
-
-.append-button {
-    width: 80px;
-    background-color: var(--el-fill-color-light);
-    color: var(--el-color-info);
-}
-</style>

frontend/src/views/cronjob/record/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div v-if="recordShow" v-loading="loading">
-        <div class="a-card" style="margin-top: 20px">
+        <div class="app-status" style="margin-top: 20px">
             <el-card>
                 <div>
                     <el-popover
@@ -727,41 +727,6 @@ defineExpose({
         color: red;
     }
 }
-.a-card {
-    font-size: 17px;
-    .el-card {
-        --el-card-padding: 12px;
-        .buttons {
-            margin-left: 100px;
-        }
-    }
-}
-.status-content {
-    float: left;
-    margin-left: 50px;
-}
-
-.app-warn {
-    text-align: center;
-    margin-top: 100px;
-    span:first-child {
-        color: #bbbfc4;
-    }
-
-    span:nth-child(2) {
-        color: $primary-color;
-        cursor: pointer;
-    }
-
-    span:nth-child(2):hover {
-        color: #74a4f3;
-    }
-
-    img {
-        width: 300px;
-        height: 300px;
-    }
-}
 .descriptionWide {
     width: 40%;
 }

frontend/src/views/host/ssh/ssh/index.vue

@@ -2,7 +2,7 @@
     <div v-loading="loading">
         <FireRouter />
 
-        <div class="a-card" style="margin-top: 20px">
+        <div class="app-status" style="margin-top: 20px">
             <el-card>
                 <div>
                     <el-tag style="float: left" effect="dark" type="success">SSH</el-tag>
@@ -329,19 +329,3 @@ onMounted(() => {
     search();
 });
 </script>
-
-<style lang="scss" scoped>
-.a-card {
-    font-size: 17px;
-    .el-card {
-        --el-card-padding: 12px;
-        .buttons {
-            margin-left: 100px;
-        }
-    }
-}
-.status-content {
-    float: left;
-    margin-left: 50px;
-}
-</style>