From c1201fbd96fd5303131097d9d37d783a96f563ca Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 18 Apr 2025 17:55:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20PluginCard=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E4=B8=8D=E5=BF=85=E8=A6=81=E7=9A=84=20card-backdrop=20?=
 =?UTF-8?q?=E5=92=8C=20card-backdrop-blur=20=E7=B1=BB=EF=BC=8C=E7=AE=80?=
 =?UTF-8?q?=E5=8C=96=E8=83=8C=E6=99=AF=E9=A2=9C=E8=89=B2=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=EF=BC=8C=E6=8F=90=E5=8D=87=E8=A7=86=E8=A7=89=E6=95=88=E6=9E=9C?=
 =?UTF-8?q?=E5=92=8C=E4=BB=A3=E7=A0=81=E5=8F=AF=E7=BB=B4=E6=8A=A4=E6=80=A7?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/PluginCard.vue | 35 ++++-------------------------
 1 file changed, 4 insertions(+), 31 deletions(-)

diff --git a/src/components/cards/PluginCard.vue b/src/components/cards/PluginCard.vue
index 059af503..d590eb70 100644
--- a/src/components/cards/PluginCard.vue
+++ b/src/components/cards/PluginCard.vue
@@ -340,12 +340,12 @@ watch(
           }"
         >
           <div
-            class="relative flex flex-row items-start pa-3 justify-between grow card-backdrop"
-            :style="{ '--base-color': backgroundColor }"
+            class="relative flex flex-row items-start pa-3 justify-between grow"
+            :style="{ background: `${backgroundColor}` }"
           >
             <div
-              class="absolute inset-0 bg-cover bg-center card-backdrop-blur"
-              :style="{ '--base-color': backgroundColor }"
+              class="absolute inset-0 bg-cover bg-center"
+              :style="{ background: `${backgroundColor}`, filter: 'brightness(0.5)' }"
             />
             <div class="relative flex-1 min-w-0">
               <VCardTitle class="text-white text-lg px-2 text-shadow whitespace-nowrap overflow-hidden text-ellipsis">
@@ -466,33 +466,6 @@ watch(
   inset: 0;
 }
 
-.card-backdrop {
-  background: rgba(var(--v-theme-primary), 0.2);
-
-  &::before {
-    position: absolute;
-    background: color-mix(in srgb, var(--base-color) 60%, transparent);
-    content: '';
-    inset: 0;
-    opacity: 0.8;
-  }
-}
-
-.card-backdrop-blur {
-  /* stylelint-disable-next-line property-no-vendor-prefix */
-  -webkit-backdrop-filter: blur(10px);
-  backdrop-filter: blur(10px);
-  background: transparent;
-
-  &::before {
-    position: absolute;
-    background: color-mix(in srgb, var(--base-color) 30%, transparent);
-    content: '';
-    inset: 0;
-    opacity: 0.7;
-  }
-}
-
 .author-info {
   display: flex;
   align-items: center;