mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-08-28 19:47:49 +08:00
优化 ShortcutBar 和 UserProfile 组件的样式,调整菜单最大宽度和按钮样式,提升用户体验和视觉效果。
This commit is contained in:
@@ -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)"
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user