From b6b7ed7c5abbc098f081b845982048ff5ba17ae9 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 7 Apr 2024 16:35:24 +0800
Subject: [PATCH] style: adjust style of frosted glasses

---
 src/components/VideoCard/VideoCard.vue             | 4 ++--
 src/contentScripts/views/Favorites/Favorites.vue   | 5 ++++-
 src/contentScripts/views/WatchLater/WatchLater.vue | 5 ++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/VideoCard/VideoCard.vue b/src/components/VideoCard/VideoCard.vue
index fabfccb3..8b80e2e7 100644
--- a/src/components/VideoCard/VideoCard.vue
+++ b/src/components/VideoCard/VideoCard.vue
@@ -174,12 +174,12 @@ function handleUndo() {
         <img
           :src="`${removeHttpFromUrl(cover)}@672w_378h_1c`" alt=""
           w-full h-full object-cover pos="absolute top-0 left-0" aspect-video
-          z--1
+          z--1 rounded-inherit
         >
 
         <div
           pos="absolute top-0 left-0" w-full h-full flex="~ col gap-2 items-center justify-center"
-          bg="$bew-fill-4" backdrop-blur-20px mix-blend-overlay
+          bg="$bew-fill-4" backdrop-blur-20px mix-blend-luminosity
         >
           <p mb-2 color-white text-lg>
             {{ $t('home.video_removed') }}
diff --git a/src/contentScripts/views/Favorites/Favorites.vue b/src/contentScripts/views/Favorites/Favorites.vue
index e1b4850f..6cdd3a6f 100644
--- a/src/contentScripts/views/Favorites/Favorites.vue
+++ b/src/contentScripts/views/Favorites/Favorites.vue
@@ -256,7 +256,10 @@ function handleUnfavorite(favoriteResource: FavoriteResource) {
           pos="absolute top-0 left-0" w-full h-full bg-cover bg-center
           z--1
         >
-          <div absolute w-full h-full style="backdrop-filter: blur(60px) saturate(180%)" bg="$bew-fill-4" />
+          <div
+            absolute w-full h-full backdrop-blur-40px
+            bg="$bew-fill-4" mix-blend-luminosity
+          />
           <img
             v-if="activatedCategoryCover"
             :src="removeHttpFromUrl(`${activatedCategoryCover}@480w_270h_1c`)"
diff --git a/src/contentScripts/views/WatchLater/WatchLater.vue b/src/contentScripts/views/WatchLater/WatchLater.vue
index f6211e7e..6e97bef6 100644
--- a/src/contentScripts/views/WatchLater/WatchLater.vue
+++ b/src/contentScripts/views/WatchLater/WatchLater.vue
@@ -270,7 +270,10 @@ function jumpToLoginPage() {
           pos="absolute top-0 left-0" w-full h-full bg-cover bg-center
           z--1
         >
-          <div absolute w-full h-full style="backdrop-filter: blur(60px) saturate(180%)" bg="$bew-fill-4" />
+          <div
+            absolute w-full h-full backdrop-blur-40px
+            bg="$bew-fill-4" mix-blend-luminosity
+          />
           <img
             v-if="watchLaterList[0]"
             :src="removeHttpFromUrl(`${watchLaterList[0].pic}@480w_270h_1c`)"