优化 PluginAppCard 和 PluginCard 组件的样式

This commit is contained in:
jxxghp
2025-05-21 20:49:52 +08:00
parent 8f93b49dde
commit 4bcc89d9da
2 changed files with 6 additions and 6 deletions

View File

@@ -169,7 +169,7 @@ const dropdownItems = ref([
<div
:style="`background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(${backgroundColor} 0%, ${backgroundColor} 100%)`"
>
<VCardText class="pa-2 pb-1">
<VCardText class="px-2 pt-2 pb-0">
<VCardTitle
class="text-white px-2 pb-0 text-lg text-shadow whitespace-nowrap overflow-hidden text-ellipsis"
>
@@ -198,7 +198,7 @@ const dropdownItems = ref([
</div>
</div>
</div>
<VCardText class="flex flex-none align-self-baseline py-3 w-full align-end">
<VCardText class="flex flex-none align-self-baseline py-2 w-full align-end">
<span>
<VIcon icon="mdi-github" class="me-1" />
<a :href="props.plugin?.author_url" target="_blank" @click.stop>
@@ -209,7 +209,7 @@ const dropdownItems = ref([
<VIcon icon="mdi-download" />
<span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
</span>
<div class="me-n3 absolute bottom-1 right-3">
<div class="me-n3 absolute bottom-0 right-3">
<IconBtn>
<VIcon icon="mdi-dots-vertical" />
<VMenu activator="parent" close-on-content-click>

View File

@@ -346,7 +346,7 @@ watch(
<div
:style="`background: linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(${backgroundColor} 0%, ${backgroundColor} 100%)`"
>
<VCardText class="pa-2 pb-1">
<VCardText class="px-2 pt-2 pb-0">
<VCardTitle
class="text-white px-2 pb-0 text-lg text-shadow whitespace-nowrap overflow-hidden text-ellipsis"
>
@@ -375,7 +375,7 @@ watch(
</div>
</div>
</div>
<VCardText class="flex flex-none align-self-baseline py-3 w-full align-end">
<VCardText class="flex flex-none align-self-baseline py-2 w-full align-end">
<span class="author-info">
<VImg :src="authorPath" class="author-avatar" @load="isAvatarLoaded = true">
<VIcon v-if="!isAvatarLoaded" icon="mdi-github" class="me-1" />
@@ -388,7 +388,7 @@ watch(
<VIcon icon="mdi-download" />
<span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
</span>
<div class="me-n3 absolute bottom-1 right-3">
<div class="me-n3 absolute bottom-0 right-3">
<IconBtn>
<VIcon icon="mdi-dots-vertical" />
<VMenu v-model="menuVisible" activator="parent" close-on-content-click>