优化 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
+3 -3
View File
@@ -16,7 +16,7 @@ const display = useDisplay()
const appsMenu = ref(false) const appsMenu = ref(false)
// 菜单最大宽度 // 菜单最大宽度
const menuMaxWidth = ref(480) const menuMaxWidth = ref(420)
// 名称测试弹窗 // 名称测试弹窗
const nameTestDialog = ref(false) const nameTestDialog = ref(false)
@@ -92,7 +92,7 @@ const shortcuts = [
] ]
// 打开对话框 // 打开对话框
function openDialog(dialogRef) { function openDialog(dialogRef: any) {
dialogRef.value = true dialogRef.value = true
} }
@@ -172,7 +172,7 @@ onMounted(() => {
<div v-for="(item, index) in shortcuts" :key="index"> <div v-for="(item, index) in shortcuts" :key="index">
<VCard <VCard
flat flat
variant="outlined" variant="tonal"
class="pa-4 d-flex align-center rounded-lg cursor-pointer transition-transform duration-300 hover:-translate-y-1" class="pa-4 d-flex align-center rounded-lg cursor-pointer transition-transform duration-300 hover:-translate-y-1"
hover hover
@click="openDialog(item.dialogRef)" @click="openDialog(item.dialogRef)"
+1 -1
View File
@@ -149,7 +149,7 @@ const userLevel = computed(() => userStore.level)
</div> </div>
<!-- 👉 Logout --> <!-- 👉 Logout -->
<div class="px-2 mt-3 mb-2"> <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> <template #prepend>
<VIcon icon="mdi-logout" /> <VIcon icon="mdi-logout" />
</template> </template>