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
+9 -7
View File
@@ -177,20 +177,22 @@ const dropdownItems = ref([
/> />
</VAvatar> </VAvatar>
</div> </div>
<VCardTitle>{{ props.plugin?.plugin_name }}</VCardTitle> <VCardTitle>
{{ props.plugin?.plugin_name }}
<VCardText> <span class="text-xs">v{{ props.plugin?.plugin_version }}</span>
</VCardTitle>
<VCardText class="pb-2">
{{ props.plugin?.plugin_desc }} {{ props.plugin?.plugin_desc }}
</VCardText> </VCardText>
<VCardText> <VCardText class="flex items-center justify-start pb-2">
作者<a <VIcon icon="mdi-account" class="me-1" />
<a
:href="props.plugin?.author_url" :href="props.plugin?.author_url"
target="_blank" target="_blank"
@click.stop @click.stop
> >
{{ props.plugin?.plugin_author }} {{ props.plugin?.plugin_author }}
</a><br> </a>
版本{{ props.plugin?.plugin_version }}
</VCardText> </VCardText>
</VCard> </VCard>
<!-- 安装插件进度框 --> <!-- 安装插件进度框 -->
+1 -1
View File
@@ -427,7 +427,7 @@ watch(() => props.plugin?.has_update, (newHasUpdate, oldHasUpdate) => {
<VCardItem class="py-2"> <VCardItem class="py-2">
<VCardTitle class="flex items-center flex-row"> <VCardTitle class="flex items-center flex-row">
<VBadge v-if="props.plugin?.state" dot inline color="success" class="me-1 mb-1" /> <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> </VCardTitle>
</VCardItem> </VCardItem>
<VCardText> <VCardText>
+2 -2
View File
@@ -172,7 +172,7 @@ onBeforeMount(() => {
color="primary" color="primary"
/> />
</div> </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 <PluginAppCard
v-for="data in getUnupdatedPlugins" v-for="data in getUnupdatedPlugins"
:key="data.id" :key="data.id"
@@ -193,7 +193,7 @@ onBeforeMount(() => {
<style lang="scss"> <style lang="scss">
.grid-plugin-card { .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; padding-block-end: 1rem;
} }
</style> </style>