优化移动端头部和筛选菜单的样式,调整间距和对话框尺寸

This commit is contained in:
jxxghp
2025-03-31 14:24:15 +08:00
parent 90ecaa1891
commit 7b171e2c6f
2 changed files with 4 additions and 4 deletions

View File

@@ -512,7 +512,7 @@ function loadMore({ done }: { done: any }) {
<!-- 移动端头部 -->
<div class="view-header mb-2">
<div class="d-flex align-center flex-wrap pa-2">
<div class="d-flex align-center w-100 mb-1">
<div class="d-flex align-center w-100 mb-2">
<VChip
color="primary"
variant="elevated"
@@ -566,7 +566,7 @@ function loadMore({ done }: { done: any }) {
</div>
<!-- 筛选菜单 -->
<VDialog v-model="filterMenuOpen" max-width="25rem" location="center">
<VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center">
<VCard>
<VCardTitle class="py-2 d-flex align-center">
<VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>

View File

@@ -459,7 +459,7 @@ function toggleFilterMenu(key: string) {
<!-- 移动端头部 -->
<div class="view-header mb-2">
<div class="d-flex align-center flex-wrap pa-2">
<div class="d-flex align-center w-100 mb-1">
<div class="d-flex align-center w-100 mb-2">
<VChip
color="primary"
variant="elevated"
@@ -513,7 +513,7 @@ function toggleFilterMenu(key: string) {
</div>
<!-- 筛选菜单 -->
<VDialog v-model="filterMenuOpen" max-width="400px" location="center">
<VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center">
<VCard>
<VCardTitle class="py-2 d-flex align-center">
<VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>