fix plugin card

This commit is contained in:
jxxghp
2024-03-16 21:39:05 +08:00
parent 0bed216735
commit 5e109c666b
3 changed files with 12 additions and 10 deletions

View File

@@ -177,20 +177,22 @@ const dropdownItems = ref([
/>
</VAvatar>
</div>
<VCardTitle>{{ props.plugin?.plugin_name }}</VCardTitle>
<VCardText>
<VCardTitle>
{{ props.plugin?.plugin_name }}
<span class="text-xs">v{{ props.plugin?.plugin_version }}</span>
</VCardTitle>
<VCardText class="pb-2">
{{ props.plugin?.plugin_desc }}
</VCardText>
<VCardText>
作者<a
<VCardText class="flex items-center justify-start pb-2">
<VIcon icon="mdi-account" class="me-1" />
<a
:href="props.plugin?.author_url"
target="_blank"
@click.stop
>
{{ props.plugin?.plugin_author }}
</a><br>
版本{{ props.plugin?.plugin_version }}
</a>
</VCardText>
</VCard>
<!-- 安装插件进度框 -->

View File

@@ -427,7 +427,7 @@ watch(() => props.plugin?.has_update, (newHasUpdate, oldHasUpdate) => {
<VCardItem class="py-2">
<VCardTitle class="flex items-center flex-row">
<VBadge v-if="props.plugin?.state" dot inline color="success" class="me-1 mb-1" />
{{ props.plugin?.plugin_name }}<span class="text-sm ms-2 mt-1 text-gray-500">{{ props.plugin?.plugin_version }}</span>
{{ props.plugin?.plugin_name }}<span class="text-sm ms-2 mt-1 text-gray-500">v{{ props.plugin?.plugin_version }}</span>
</VCardTitle>
</VCardItem>
<VCardText>

View File

@@ -172,7 +172,7 @@ onBeforeMount(() => {
color="primary"
/>
</div>
<div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card">
<div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card items-start">
<PluginAppCard
v-for="data in getUnupdatedPlugins"
:key="data.id"
@@ -193,7 +193,7 @@ onBeforeMount(() => {
<style lang="scss">
.grid-plugin-card {
grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
padding-block-end: 1rem;
}
</style>