优化 ShortcutBar 和 UserProfile 组件的样式,调整菜单最大宽度和按钮样式,提升用户体验和视觉效果。

This commit is contained in:
jxxghp
2025-04-19 07:48:23 +08:00
parent c1201fbd96
commit d0ea7f3fd9
2 changed files with 4 additions and 4 deletions

View File

@@ -16,7 +16,7 @@ const display = useDisplay()
const appsMenu = ref(false)
// 菜单最大宽度
const menuMaxWidth = ref(480)
const menuMaxWidth = ref(420)
// 名称测试弹窗
const nameTestDialog = ref(false)
@@ -92,7 +92,7 @@ const shortcuts = [
]
// 打开对话框
function openDialog(dialogRef) {
function openDialog(dialogRef: any) {
dialogRef.value = true
}
@@ -172,7 +172,7 @@ onMounted(() => {
<div v-for="(item, index) in shortcuts" :key="index">
<VCard
flat
variant="outlined"
variant="tonal"
class="pa-4 d-flex align-center rounded-lg cursor-pointer transition-transform duration-300 hover:-translate-y-1"
hover
@click="openDialog(item.dialogRef)"

View File

@@ -149,7 +149,7 @@ const userLevel = computed(() => userStore.level)
</div>
<!-- 👉 Logout -->
<div class="px-2 mt-3 mb-2">
<VBtn color="error" block class="py-3 rounded-lg" elevation="2" @click="logout">
<VBtn color="error" block class="py-3" elevation="2" @click="logout">
<template #prepend>
<VIcon icon="mdi-logout" />
</template>