GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-08-28 19:47:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix plugins

Browse Source
This commit is contained in:
jxxghp
2024-07-14 17:16:44 +08:00
parent 169f1b327b
commit 4da24e27a4
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/cards/PluginAppCard.vue
+4 -4
View File
@@ -149,7 +149,7 @@ const dropdownItems = ref([
</script> </script>
<template> <template>
<VCard :width="props.width" :height="props.height" @click="installPlugin"> <VCard :width="props.width" :height="props.height" @click="installPlugin" class="flex flex-col">
<div class="me-n3 absolute bottom-0 right-3"> <div class="me-n3 absolute bottom-0 right-3">
<IconBtn> <IconBtn>
<VIcon icon="mdi-dots-vertical" /> <VIcon icon="mdi-dots-vertical" />
@@ -171,7 +171,7 @@ const dropdownItems = ref([
</VMenu> </VMenu>
</IconBtn> </IconBtn>
</div> </div>
<div class="flex flex-row items-center pa-3 justify-between" :style="{ background: `${backgroundColor}` }"> <div class="flex flex-row items-start pa-3 justify-between grow" :style="{ background: `${backgroundColor}` }">
<div class="flex-1 min-w-0"> <div class="flex-1 min-w-0">
<VCardTitle class="text-white px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis"> <VCardTitle class="text-white px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis">
{{ props.plugin?.plugin_name }} {{ props.plugin?.plugin_name }}
@@ -179,7 +179,7 @@ const dropdownItems = ref([
</VCardTitle> </VCardTitle>
<VCardText class="text-white px-2">{{ props.plugin?.plugin_desc }}</VCardText> <VCardText class="text-white px-2">{{ props.plugin?.plugin_desc }}</VCardText>
</div> </div>
<div class="flex-shrink-0"> <div class="flex-shrink-0 self-center">
<VAvatar size="64"> <VAvatar size="64">
<VImg <VImg
ref="imageRef" ref="imageRef"
@@ -193,7 +193,7 @@ const dropdownItems = ref([
</VAvatar> </VAvatar>
</div> </div>
</div> </div>
<VCardText class="flex align-self-baseline py-3 w-full align-end"> <VCardText class="flex flex-none align-self-baseline py-3 w-full align-end">
<span> <span>
<VIcon icon="mdi-github" class="me-1" /> <VIcon icon="mdi-github" class="me-1" />
<a :href="props.plugin?.author_url" target="_blank" @click.stop> <a :href="props.plugin?.author_url" target="_blank" @click.stop>
src/components/cards/PluginCard.vue
+3 -3
View File
@@ -408,7 +408,7 @@ watch(
</VMenu> </VMenu>
</IconBtn> </IconBtn>
</div> </div>
<div class="flex flex-row items-center pa-3 justify-between" :style="{ background: `${backgroundColor}` }"> <div class="flex flex-row items-start pa-3 justify-between grow" :style="{ background: `${backgroundColor}` }">
<div class="flex-1 min-w-0"> <div class="flex-1 min-w-0">
<VCardTitle class="text-white px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis"> <VCardTitle class="text-white px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis">
<VBadge v-if="props.plugin?.state" dot inline color="success" /> <VBadge v-if="props.plugin?.state" dot inline color="success" />
@@ -419,7 +419,7 @@ watch(
{{ props.plugin?.plugin_desc }} {{ props.plugin?.plugin_desc }}
</VCardText> </VCardText>
</div> </div>
<div class="flex-shrink-0"> <div class="flex-shrink-0 self-center">
<VAvatar size="64"> <VAvatar size="64">
<VImg <VImg
ref="imageRef" ref="imageRef"
@@ -433,7 +433,7 @@ watch(
</VAvatar> </VAvatar>
</div> </div>
</div> </div>
<VCardText class="flex align-self-baseline py-3 w-full align-end"> <VCardText class="flex flex-none align-self-baseline py-3 w-full align-end">
<span> <span>
<VIcon icon="mdi-github" class="me-1" /> <VIcon icon="mdi-github" class="me-1" />
<a :href="props.plugin?.author_url" target="_blank" @click.stop> <a :href="props.plugin?.author_url" target="_blank" @click.stop>
src/views/plugin/PluginCardListView.vue
+2 -2
View File
@@ -347,7 +347,7 @@ onBeforeMount(async () => {
<transition name="fade-slide" appear> <transition name="fade-slide" appear>
<div> <div>
<LoadingBanner v-if="!isRefreshed" class="mt-12" /> <LoadingBanner v-if="!isRefreshed" class="mt-12" />
<div v-if="dataList.length > 0" class="grid gap-4 grid-plugin-card items-start"> <div v-if="dataList.length > 0" class="grid gap-4 grid-plugin-card">
<template v-for="(data, index) in dataList" :key="`${data.id}_v${data.plugin_version}`"> <template v-for="(data, index) in dataList" :key="`${data.id}_v${data.plugin_version}`">
<PluginCard <PluginCard
:count="PluginStatistics[data.id || '0']" :count="PluginStatistics[data.id || '0']"
@@ -417,7 +417,7 @@ onBeforeMount(async () => {
</VCol> </VCol>
</VRow> </VRow>
</div> </div>
<div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card items-start"> <div v-if="isAppMarketLoaded" class="grid gap-4 grid-plugin-card">
<template v-for="(data, index) in sortedUninstalledList" :key="`${data.id}_v${data.plugin_version}`"> <template v-for="(data, index) in sortedUninstalledList" :key="`${data.id}_v${data.plugin_version}`">
<PluginAppCard :plugin="data" :count="PluginStatistics[data.id || '0']" @install="pluginInstalled" /> <PluginAppCard :plugin="data" :count="PluginStatistics[data.id || '0']" @install="pluginInstalled" />
</template> </template>