From 8230ce3c1601fa3c6ef561300b3ba087f76a2de8 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Fri, 11 Aug 2023 00:52:00 +0800
Subject: [PATCH] feat: add 'Enable glowing effect for the logo' setting

---
 src/components/Logo.vue                           | 3 ++-
 src/components/Settings/components/SearchPage.vue | 4 ++++
 src/contentScripts/views/Search/Search.vue        | 6 +++++-
 src/logic/storage.ts                              | 1 +
 src/models/models.ts                              | 1 +
 5 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/Logo.vue b/src/components/Logo.vue
index 655ed1ef..75692c24 100644
--- a/src/components/Logo.vue
+++ b/src/components/Logo.vue
@@ -2,6 +2,7 @@
 interface Props {
   color?: string
   size: number
+  glow?: boolean
 }
 const props = withDefaults(defineProps<Props>(), {
   color: 'var(--bew-theme-color)',
@@ -10,7 +11,7 @@ const props = withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
-  <div :style="{ filter: `drop-shadow(0 0 10px var(--bew-theme-color-60))` }">
+  <div :style="{ filter: glow ? `drop-shadow(0 0 10px var(--bew-theme-color-60))` : `drop-shadow(0 4px 6px rgba(0,0,0,.15))` }">
     <svg
       t="1645466458357"
       class="icon"
diff --git a/src/components/Settings/components/SearchPage.vue b/src/components/Settings/components/SearchPage.vue
index bf9db78f..34eb4e99 100644
--- a/src/components/Settings/components/SearchPage.vue
+++ b/src/components/Settings/components/SearchPage.vue
@@ -76,6 +76,10 @@ function changeWallpaper(url: string) {
     </div>
   </SettingItem>
 
+  <SettingItem title="Enable glowing effect for the logo">
+    <Radio v-model:value="settings.searchPageLogoGlow" />
+  </SettingItem>
+
   <SettingItem :title="$t('settings.logo_visibility')">
     <Radio v-model:value="settings.searchPageShowLogo" />
   </SettingItem>
diff --git a/src/contentScripts/views/Search/Search.vue b/src/contentScripts/views/Search/Search.vue
index 71c17f54..1838b9d6 100644
--- a/src/contentScripts/views/Search/Search.vue
+++ b/src/contentScripts/views/Search/Search.vue
@@ -10,7 +10,11 @@ import { settings } from '~/logic'
     w-full z-10
     m="t-20vh"
   >
-    <Logo v-if="settings.searchPageShowLogo" :size="180" :color="settings.searchPageLogoColor === 'white' ? 'white' : 'var(--bew-theme-color)'" mb-12 z-1 />
+    <Logo
+      v-if="settings.searchPageShowLogo" :size="180" :color="settings.searchPageLogoColor === 'white' ? 'white' : 'var(--bew-theme-color)'"
+      :glow="settings.searchPageLogoGlow"
+      mb-12 z-1
+    />
     <SearchBar :darken-on-focus="settings.searchPageDarkenOnSearchFocus" :focused-character="settings.searchPageSearchBarFocusCharacter" />
   </div>
 </template>
diff --git a/src/logic/storage.ts b/src/logic/storage.ts
index dfd87999..df9b14eb 100644
--- a/src/logic/storage.ts
+++ b/src/logic/storage.ts
@@ -21,6 +21,7 @@ export const settings = useStorageLocal('settings', ref<Settings>({
 
   searchPageDarkenOnSearchFocus: true,
   searchPageLogoColor: 'themeColor',
+  searchPageLogoGlow: true,
   searchPageShowLogo: true,
   searchPageSearchBarFocusCharacter: '',
   individuallySetSearchPageWallpaper: false,
diff --git a/src/models/models.ts b/src/models/models.ts
index 4ef91893..19ac058a 100644
--- a/src/models/models.ts
+++ b/src/models/models.ts
@@ -13,6 +13,7 @@ export interface Settings {
 
   searchPageDarkenOnSearchFocus: boolean
   searchPageLogoColor: 'white' | 'themeColor'
+  searchPageLogoGlow: boolean
   searchPageShowLogo: boolean
   searchPageSearchBarFocusCharacter: string
   individuallySetSearchPageWallpaper: boolean