feat: 修改应用列表样式

frontend/src/lang/modules/zh.ts

@@ -887,6 +887,7 @@ export default {
         doc: '文档',
         document: '文档说明',
         updatePrompt: '当前应用均为最新版本',
+        installPrompt: '尚未安装任何应用',
     },
     website: {
         website: '网站',

frontend/src/styles/common.scss

@@ -228,6 +228,7 @@
 
 // search条圆角
 .search-button {
+    float: right;
     .el-input__wrapper {
         border-radius: 50px;
     }

frontend/src/views/app-store/installed/index.vue

@@ -3,6 +3,7 @@
         <template #toolbar>
             <el-row :gutter="5">
                 <el-col :span="20">
+                    <div v-if="data != null">
                         <el-button
                             class="tag-button"
                             :class="activeTag === 'all' ? '' : 'no-active'"
@@ -23,9 +24,10 @@
                                 {{ item.name }}
                             </el-button>
                         </div>
+                    </div>
                 </el-col>
                 <el-col :span="4">
-                    <div style="float: right" class="search-button">
+                    <div class="search-button">
                         <el-input
                             class="table-button"
                             v-model="searchReq.name"
@@ -41,13 +43,15 @@
             </el-row>
         </template>
         <template #rightButton>
-            <el-button @click="sync" type="primary" link v-if="mode === 'installed'">{{ $t('app.sync') }}</el-button>
+            <el-button @click="sync" type="primary" link v-if="mode === 'installed' && data != null">
+                {{ $t('app.sync') }}
+            </el-button>
         </template>
 
         <template #main>
-            <div class="update-prompt" v-if="mode === 'update' && data == null">
+            <div class="update-prompt" v-if="data == null">
                 <el-empty
-                    :description="$t('app.updatePrompt')"
+                    :description="mode === 'update' ? $t('app.updatePrompt') : $t('app.installPrompt')"
                     image="/src/assets/images/no_update_app.svg"
                     :image-size="200"
                 ></el-empty>
@@ -172,7 +176,7 @@ import Status from '@/components/status/index.vue';
 import { getAge } from '@/utils/util';
 import { useRouter } from 'vue-router';
 
-let data = ref<any>([]);
+let data = ref<any>();
 let loading = ref(false);
 let timer: NodeJS.Timer | null = null;
 const paginationConfig = reactive({