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