From 300c83bd232f070b658206cf1e46d8c4e1cca1be Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Wed, 2 Aug 2023 02:19:09 +0800
Subject: [PATCH] style: adjust mask style

---
 src/components/SearchBar/SearchBar.vue     | 2 +-
 src/contentScripts/views/Search/Search.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SearchBar/SearchBar.vue b/src/components/SearchBar/SearchBar.vue
index 533f0ad3..69212aae 100644
--- a/src/components/SearchBar/SearchBar.vue
+++ b/src/components/SearchBar/SearchBar.vue
@@ -132,7 +132,7 @@ function handleKeyDown() {
     /> -->
     <Transition name="mask">
       <div
-        v-if="isFocus" pos="fixed top-0 left-0" w-full h-full bg="black opacity-40"
+        v-if="isFocus" pos="fixed top-0 left-0" w-full h-full bg="black opacity-60"
         @click="isFocus = false"
       />
     </Transition>
diff --git a/src/contentScripts/views/Search/Search.vue b/src/contentScripts/views/Search/Search.vue
index f716e5b3..e04547f3 100644
--- a/src/contentScripts/views/Search/Search.vue
+++ b/src/contentScripts/views/Search/Search.vue
@@ -7,10 +7,10 @@ import { settings } from '~/logic'
     flex="~ col"
     justify-center
     items-center
-    w-full
+    w-full z-10
     m="t-20vh"
   >
-    <Logo v-if="settings.searchPageShowLogo" :size="180" mb-12 :color="settings.searchPageLogoColor === 'white' ? 'white' : 'var(--bew-theme-color)'" />
+    <Logo v-if="settings.searchPageShowLogo" :size="180" :color="settings.searchPageLogoColor === 'white' ? 'white' : 'var(--bew-theme-color)'" mb-12 z-1 />
     <SearchBar />
   </div>
 </template>