mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-04 23:18:44 +08:00
优化 PluginAppCard 和 PluginCard 组件的样式
This commit is contained in:
@@ -169,7 +169,7 @@ const dropdownItems = ref([
|
|||||||
<div
|
<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%)`"
|
: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
|
<VCardTitle
|
||||||
class="text-white px-2 pb-0 text-lg text-shadow whitespace-nowrap overflow-hidden text-ellipsis"
|
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>
|
</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>
|
<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>
|
||||||
@@ -209,7 +209,7 @@ const dropdownItems = ref([
|
|||||||
<VIcon icon="mdi-download" />
|
<VIcon icon="mdi-download" />
|
||||||
<span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
|
<span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
|
||||||
</span>
|
</span>
|
||||||
<div class="me-n3 absolute bottom-1 right-3">
|
<div class="me-n3 absolute bottom-0 right-3">
|
||||||
<IconBtn>
|
<IconBtn>
|
||||||
<VIcon icon="mdi-dots-vertical" />
|
<VIcon icon="mdi-dots-vertical" />
|
||||||
<VMenu activator="parent" close-on-content-click>
|
<VMenu activator="parent" close-on-content-click>
|
||||||
|
|||||||
@@ -346,7 +346,7 @@ watch(
|
|||||||
<div
|
<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%)`"
|
: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
|
<VCardTitle
|
||||||
class="text-white px-2 pb-0 text-lg text-shadow whitespace-nowrap overflow-hidden text-ellipsis"
|
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>
|
</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">
|
<span class="author-info">
|
||||||
<VImg :src="authorPath" class="author-avatar" @load="isAvatarLoaded = true">
|
<VImg :src="authorPath" class="author-avatar" @load="isAvatarLoaded = true">
|
||||||
<VIcon v-if="!isAvatarLoaded" icon="mdi-github" class="me-1" />
|
<VIcon v-if="!isAvatarLoaded" icon="mdi-github" class="me-1" />
|
||||||
@@ -388,7 +388,7 @@ watch(
|
|||||||
<VIcon icon="mdi-download" />
|
<VIcon icon="mdi-download" />
|
||||||
<span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
|
<span class="text-sm ms-1 mt-1">{{ props.count?.toLocaleString() }}</span>
|
||||||
</span>
|
</span>
|
||||||
<div class="me-n3 absolute bottom-1 right-3">
|
<div class="me-n3 absolute bottom-0 right-3">
|
||||||
<IconBtn>
|
<IconBtn>
|
||||||
<VIcon icon="mdi-dots-vertical" />
|
<VIcon icon="mdi-dots-vertical" />
|
||||||
<VMenu v-model="menuVisible" activator="parent" close-on-content-click>
|
<VMenu v-model="menuVisible" activator="parent" close-on-content-click>
|
||||||
|
|||||||
Reference in New Issue
Block a user