Skip to content

Commit c0e0db6

Browse files
lan-yonghuilan-yonghui
authored
feat: Adjust the empty status prompt layout (#7350)
1 parent 9132a2c commit c0e0db6

File tree

11 files changed

+62
-61
lines changed

11 files changed

+62
-61
lines changed

‎frontend/src/components/app-status/index.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@
9292
<div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">
9393
<div>{{ $t('app.checkInstalledWarn', [data.app]) }}</div>
9494
<span @click="goRouter(key)" class="flex items-center justify-center gap-0.5">
95-
<el-icon class="flex items-center justify-center"><Position /></el-icon>
95+
<el-icon><Position /></el-icon>
9696
{{ $t('database.goInstall') }}
9797
</span>
9898
</div>

‎frontend/src/views/database/mysql/index.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -229,15 +229,15 @@
229229
<LayoutContent :title="'MySQL ' + $t('menu.database')" :divider="true">
230230
<template #main>
231231
<div class="app-warn">
232-
<div>
232+
<div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">
233233
<span>{{ $t('app.checkInstalledWarn', [$t('database.noMysql')]) }}</span>
234-
<span @click="goRouter('app')">
235-
<el-icon class="ml-2"><Position /></el-icon>
234+
<span @click="goRouter('app')" class="flex items-center justify-center gap-0.5">
235+
<el-icon><Position /></el-icon>
236236
{{ $t('database.goInstall') }}
237237
</span>
238-
<div>
239-
<img src="@/assets/images/no_app.svg" />
240-
</div>
238+
</div>
239+
<div>
240+
<img src="@/assets/images/no_app.svg" />
241241
</div>
242242
</div>
243243
</template>

‎frontend/src/views/database/postgresql/index.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -189,15 +189,15 @@
189189
<LayoutContent :title="'PostgreSQL ' + $t('menu.database')" :divider="true">
190190
<template #main>
191191
<div class="app-warn">
192-
<div>
192+
<div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">
193193
<span>{{ $t('app.checkInstalledWarn', [$t('database.noPostgresql')]) }}</span>
194-
<span @click="goRouter('app')">
195-
<el-icon class="ml-2"><Position /></el-icon>
194+
<span @click="goRouter('app')" class="flex items-center justify-center gap-0.5">
195+
<el-icon><Position /></el-icon>
196196
{{ $t('database.goInstall') }}
197197
</span>
198-
<div>
199-
<img src="@/assets/images/no_app.svg" />
200-
</div>
198+
</div>
199+
<div>
200+
<img src="@/assets/images/no_app.svg" />
201201
</div>
202202
</div>
203203
</template>

‎frontend/src/views/database/redis/index.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -99,15 +99,15 @@
9999
<LayoutContent :title="'Redis ' + $t('menu.database')" :divider="true">
100100
<template #main>
101101
<div class="app-warn">
102-
<div>
102+
<div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">
103103
<span>{{ $t('app.checkInstalledWarn', ['Redis']) }}</span>
104-
<span @click="goRouter('app')">
105-
<el-icon class="ml-2"><Position /></el-icon>
104+
<span @click="goRouter('app')" class="flex items-center justify-center gap-0.5">
105+
<el-icon><Position /></el-icon>
106106
{{ $t('database.goInstall') }}
107107
</span>
108-
<div>
109-
<img src="@/assets/images/no_app.svg" />
110-
</div>
108+
</div>
109+
<div>
110+
<img src="@/assets/images/no_app.svg" />
111111
</div>
112112
</div>
113113
</template>

‎frontend/src/views/host/firewall/forward/index.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -61,15 +61,15 @@
6161
<LayoutContent :title="$t('firewall.firewall')" :divider="true">
6262
<template #main>
6363
<div class="app-warn">
64-
<div>
64+
<div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">
6565
<span>{{ $t('firewall.notSupport') }}</span>
66-
<span @click="toDoc">
67-
<el-icon class="ml-2"><Position /></el-icon>
66+
<span @click="toDoc" class="flex items-center justify-center gap-0.5">
67+
<el-icon><Position /></el-icon>
6868
{{ $t('firewall.quickJump') }}
6969
</span>
70-
<div>
71-
<img src="@/assets/images/no_app.svg" />
72-
</div>
70+
</div>
71+
<div>
72+
<img src="@/assets/images/no_app.svg" />
7373
</div>
7474
</div>
7575
</template>

‎frontend/src/views/host/firewall/ip/index.vue‎

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -99,15 +99,15 @@
9999
<LayoutContent :title="$t('firewall.firewall')" :divider="true">
100100
<template #main>
101101
<div class="app-warn">
102-
<div>
102+
<div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">
103103
<span>{{ $t('firewall.notSupport') }}</span>
104-
<span @click="toDoc">
105-
<el-icon class="ml-2"><Position /></el-icon>
104+
<span @click="toDoc" class="flex items-center justify-center gap-0.5">
105+
<el-icon><Position /></el-icon>
106106
{{ $t('firewall.quickJump') }}
107107
</span>
108-
<div>
109-
<img src="@/assets/images/no_app.svg" />
110-
</div>
108+
</div>
109+
<div>
110+
<img src="@/assets/images/no_app.svg" />
111111
</div>
112112
</div>
113113
</template>
@@ -130,6 +130,7 @@ import { Host } from '@/api/interface/host';
130130
import { ElMessageBox } from 'element-plus';
131131
import i18n from '@/lang';
132132
import { MsgSuccess } from '@/utils/message';
133+
import {Position} from "@element-plus/icons-vue";
133134
134135
const loading = ref();
135136
const activeTag = ref('address');

‎frontend/src/views/host/firewall/port/index.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -149,15 +149,15 @@
149149
<LayoutContent :title="$t('firewall.firewall')" :divider="true">
150150
<template #main>
151151
<div class="app-warn">
152-
<div>
152+
<div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">
153153
<span>{{ $t('firewall.notSupport') }}</span>
154-
<span @click="toDoc">
155-
<el-icon class="ml-2"><Position /></el-icon>
154+
<span @click="toDoc" class="flex items-center justify-center gap-0.5">
155+
<el-icon><Position /></el-icon>
156156
{{ $t('firewall.quickJump') }}
157157
</span>
158-
<div>
159-
<img src="@/assets/images/no_app.svg" />
160-
</div>
158+
</div>
159+
<div>
160+
<img src="@/assets/images/no_app.svg" />
161161
</div>
162162
</div>
163163
</template>

‎frontend/src/views/toolbox/clam/status/index.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -76,15 +76,15 @@
7676
<LayoutContent :title="$t('toolbox.clam.clam')" :divider="true" v-if="!data.isExist" v-loading="loading">
7777
<template #main>
7878
<div class="app-warn">
79-
<div>
79+
<div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">
8080
<span v-if="!data.isExist">{{ $t('toolbox.clam.noClam') }}</span>
81-
<span @click="toDoc()" v-if="!data.isExist">
82-
<el-icon class="ml-2"><Position /></el-icon>
81+
<span @click="toDoc()" v-if="!data.isExist" class="flex items-center justify-center gap-0.5">
82+
<el-icon><Position /></el-icon>
8383
{{ $t('firewall.quickJump') }}
8484
</span>
85-
<div>
86-
<img alt="" src="@/assets/images/no_app.svg" />
87-
</div>
85+
</div>
86+
<div>
87+
<img alt="" src="@/assets/images/no_app.svg" />
8888
</div>
8989
</div>
9090
</template>

‎frontend/src/views/toolbox/fail2ban/index.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -149,15 +149,15 @@
149149
<LayoutContent title="Fail2ban" :divider="true">
150150
<template #main>
151151
<div class="app-warn">
152-
<div>
152+
<div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">
153153
<span>{{ $t('toolbox.fail2ban.noFail2ban') }}</span>
154-
<span @click="toDoc">
155-
<el-icon class="ml-2"><Position /></el-icon>
154+
<span @click="toDoc" class="flex items-center justify-center gap-0.5">
155+
<el-icon><Position /></el-icon>
156156
{{ $t('firewall.quickJump') }}
157157
</span>
158-
<div>
159-
<img src="@/assets/images/no_app.svg" />
160-
</div>
158+
</div>
159+
<div>
160+
<img src="@/assets/images/no_app.svg" />
161161
</div>
162162
</div>
163163
</template>

‎frontend/src/views/toolbox/ftp/index.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -148,15 +148,15 @@
148148
<LayoutContent title="FTP" :divider="true">
149149
<template #main>
150150
<div class="app-warn">
151-
<div>
151+
<div class="flex flex-col gap-2 items-center justify-center w-full sm:flex-row">
152152
<span>{{ $t('toolbox.ftp.noFtp') }}</span>
153-
<span @click="toDoc">
154-
<el-icon class="ml-2"><Position /></el-icon>
153+
<span @click="toDoc" class="flex items-center justify-center gap-0.5">
154+
<el-icon><Position /></el-icon>
155155
{{ $t('firewall.quickJump') }}
156156
</span>
157-
<div>
158-
<img src="@/assets/images/no_app.svg" />
159-
</div>
157+
</div>
158+
<div>
159+
<img src="@/assets/images/no_app.svg" />
160160
</div>
161161
</div>
162162
</template>

0 commit comments

Comments
 (0)