fix: 调整组件的内边距和边距以优化布局

This commit is contained in:
jxxghp
2025-04-09 15:59:00 +08:00
parent 561bdf4137
commit 7e70b1b7ab
6 changed files with 6 additions and 6 deletions

View File

@@ -195,7 +195,7 @@ onMounted(() => {
<VIcon :icon="getThemeIcon" />
</IconBtn>
</template>
<VList elevation="0" class="theme-switcher-list">
<VList class="theme-switcher-list">
<VCardItem class="theme-switcher-header">
<VCardTitle class="font-weight-medium text-primary">主题选择</VCardTitle>
</VCardItem>

View File

@@ -64,7 +64,7 @@ const currentPath = computed(() => route.path)
<VList class="font-bold" lines="one" elevation="1">
<VListSubheader class="bg-transparent"> 更多 </VListSubheader>
<VListItem
class="pe-20"
class="pe-20 ps-5"
v-for="(menu, index) in moreMemus"
:key="index"
:prepend-icon="menu.icon"

View File

@@ -121,7 +121,7 @@ onMounted(() => {
</IconBtn>
</template>
<!-- Menu Content -->
<VCard elevation="1" class="shortcut-menu-card">
<VCard class="shortcut-menu-card">
<VCardItem class="shortcut-header border-b">
<VCardTitle class="font-weight-medium text-primary">捷径</VCardTitle>
<template #append>

View File

@@ -54,7 +54,7 @@ onBeforeUnmount(() => {
</IconBtn>
</template>
<!-- Menu Content -->
<VCard elevation="0">
<VCard>
<VCardItem class="notification-header">
<VCardTitle class="font-weight-medium text-primary">通知中心</VCardTitle>
<template #append>

View File

@@ -86,7 +86,7 @@ const userLevel = computed(() => userStore.level)
<VImg :src="avatar" />
<VMenu activator="parent" width="230" location="bottom end" offset="14px" class="user-menu">
<VList elevation="0" class="overflow-hidden">
<VList class="overflow-hidden">
<!-- 👉 User Avatar & Name -->
<div class="user-profile-header px-2 py-4 mb-2">
<div class="d-flex align-center">

View File

@@ -281,7 +281,7 @@ html.v-overlay-scroll-blocked body {
}
.v-overlay__content {
padding-block: env(safe-area-inset-top) env(safe-area-inset-bottom);
margin-block: env(safe-area-inset-top) env(safe-area-inset-bottom);
transition: opacity 0.2s ease !important;
}