feat: 在多个视图中添加 scrim 属性以改善对话框显示效果

This commit is contained in:
jxxghp
2025-04-16 07:01:36 +08:00
parent e002588949
commit 01c8304c8b
5 changed files with 11 additions and 7 deletions

View File

@@ -456,6 +456,7 @@ onMounted(async () => {
v-model="filterInstalledPluginDialog"
width="20rem"
:close-on-content-click="false"
scrim
>
<template #activator="{ props }">
<VBtn
@@ -491,6 +492,7 @@ onMounted(async () => {
v-model="filterMarketPluginDialog"
width="25rem"
:close-on-content-click="false"
scrim
>
<template #activator="{ props }">
<VBtn
@@ -625,7 +627,10 @@ onMounted(async () => {
<template #loading />
<template #empty />
<div class="grid gap-4 grid-plugin-card">
<template v-for="(data, index) in displayUninstalledList" :key="`${data.id}_v${data.plugin_version}_${index}`">
<template
v-for="(data, index) in displayUninstalledList"
:key="`${data.id}_v${data.plugin_version}_${index}`"
>
<PluginAppCard :plugin="data" :count="PluginStatistics[data.id || '0']" @install="pluginInstalled" />
</template>
</div>

View File

@@ -426,7 +426,7 @@ function loadMore({ done }: { done: any }) {
<VChip v-if="filterForm[key].length > 0" size="small" color="primary" class="ms-1" variant="elevated">
{{ filterForm[key].length }}
</VChip>
<VMenu activator="parent" :close-on-content-click="false">
<VMenu activator="parent" :close-on-content-click="false" scrim>
<VCard max-width="25rem">
<VCardText class="filter-menu-content">
<div class="flex justify-between">

View File

@@ -400,7 +400,7 @@ onMounted(() => {
<VChip v-if="filterForm[key].length > 0" size="small" color="primary" class="ms-1" variant="elevated">
{{ filterForm[key].length }}
</VChip>
<VMenu activator="parent" :close-on-content-click="false">
<VMenu activator="parent" :close-on-content-click="false" scrim>
<VCard max-width="20rem">
<VCardText class="filter-menu-content">
<div class="flex justify-between">