优化重启确认对话框的布局

This commit is contained in:
jxxghp
2025-01-16 08:16:51 +08:00
parent ce2e88a532
commit c718d57e77
+12 -9
View File
@@ -156,19 +156,22 @@ const userLevel = computed(() => store.state.auth.level)
<!-- 用户认证对话框 --> <!-- 用户认证对话框 -->
<UserAuthDialog v-if="siteAuthDialog" v-model="siteAuthDialog" @done="siteAuthDone" @close="siteAuthDialog = false" /> <UserAuthDialog v-if="siteAuthDialog" v-model="siteAuthDialog" @done="siteAuthDone" @close="siteAuthDialog = false" />
<!-- 重启确认对话框 --> <!-- 重启确认对话框 -->
<VDialog v-model="restartDialog" max-width="30rem"> <VDialog v-model="restartDialog" max-width="25rem">
<VCard> <VCard>
<VCardItem> <VCardItem>
<VAlert type="error" variant="text" icon="mdi-alert" prominent class="mt-5"> <div class="flex items-center justify-center mt-3">
<p class="font-bold text-xl">确认重启系统吗</p> <VAvatar color="warning" variant="text" size="x-large">
<p>重启后您将被注销并需要重新登录</p> <VIcon size="x-large" icon="mdi-alert" />
</VAlert> </VAvatar>
<div class="ms-3">
<p class="font-bold text-xl text-high-emphasis">确认重启系统吗</p>
<p>重启后您将被注销并需要重新登录</p>
</div>
</div>
</VCardItem> </VCardItem>
<VCardActions class="mx-auto"> <VCardActions class="mx-auto">
<VBtn variant="elevated" color="error" size="large" @click="restart" prepend-icon="mdi-restart" class="px-5"> <VBtn variant="elevated" color="error" @click="restart" prepend-icon="mdi-restart" class="px-5"> 确定 </VBtn>
确定 <VBtn variant="tonal" color="secondary" class="px-5" @click="restartDialog = false">取消</VBtn>
</VBtn>
<VBtn variant="tonal" color="secondary" size="large" class="px-5" @click="restartDialog = false">取消</VBtn>
</VCardActions> </VCardActions>
<DialogCloseBtn @click="restartDialog = false" /> <DialogCloseBtn @click="restartDialog = false" />
</VCard> </VCard>