GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-06 16:16:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化 PluginAppCard 和 PluginCard 组件的背景样式

Browse Source
This commit is contained in:
jxxghp
2025-05-10 22:10:02 +08:00
parent 141796ab24
commit 77afb4d736
2 changed files with 2 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/cards/PluginAppCard.vue
+1 -5
View File
@@ -168,12 +168,8 @@ const dropdownItems = ref([
> >
<div <div
class="relative flex flex-row items-start pa-3 justify-between grow" class="relative flex flex-row items-start pa-3 justify-between grow"
:style="{ background: `${backgroundColor}` }" :style="`background: linear-gradient(${backgroundColor}40 0%, ${backgroundColor}60 100%)`"
> >
<div
class="absolute inset-0 bg-cover bg-center"
:style="{ background: `${backgroundColor}`, filter: 'brightness(0.5)' }"
></div>
<div class="relative flex-1 min-w-0"> <div class="relative flex-1 min-w-0">
<VCardTitle <VCardTitle
class="text-white text-lg px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis ..." class="text-white text-lg px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis ..."
src/components/cards/PluginCard.vue
+1 -5
View File
@@ -345,12 +345,8 @@ watch(
> >
<div <div
class="relative flex flex-row items-start pa-3 justify-between grow" class="relative flex flex-row items-start pa-3 justify-between grow"
:style="{ background: `${backgroundColor}` }" :style="`background: linear-gradient(${backgroundColor}40 0%, ${backgroundColor}60 100%)`"
> >
<div
class="absolute inset-0 bg-cover bg-center"
:style="{ background: `${backgroundColor}`, filter: 'brightness(0.5)' }"
/>
<div class="relative flex-1 min-w-0"> <div class="relative flex-1 min-w-0">
<VCardTitle class="text-white text-lg px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis"> <VCardTitle class="text-white text-lg 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" />