From d0c1bfacdfd34d0411652ed21b8b63129d9cbafc Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Mon, 16 Oct 2023 18:38:45 +0800
Subject: [PATCH] feat: add setting to fix wallpaper in search page mode

---
 src/_locales/cmn-CN.yml                     | 1 +
 src/_locales/cmn-TW.yml                     | 1 +
 src/_locales/en.yml                         | 1 +
 src/_locales/jyut.yml                       | 1 +
 src/components/Settings/components/Home.vue | 6 +++++-
 src/contentScripts/views/Home/Home.vue      | 1 +
 src/logic/storage.ts                        | 1 +
 src/models/models.ts                        | 1 +
 8 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/_locales/cmn-CN.yml b/src/_locales/cmn-CN.yml
index 5dc7c3c4..29ec705c 100644
--- a/src/_locales/cmn-CN.yml
+++ b/src/_locales/cmn-CN.yml
@@ -115,6 +115,7 @@ settings:
   use_search_page_mode: 首页使用搜索页模式
   settings_shared_with_the_search_page: 与搜索页共用的配置
   settings_shared_with_the_search_page_desc: 这些设置都与搜索页共用
+  search_page_mode_wallpaper_fixed: 将搜索页模式的壁纸固定
 
 auth:
   err_tip: 授权 access key 失败
diff --git a/src/_locales/cmn-TW.yml b/src/_locales/cmn-TW.yml
index 82eac8ab..7be4a126 100644
--- a/src/_locales/cmn-TW.yml
+++ b/src/_locales/cmn-TW.yml
@@ -115,6 +115,7 @@ settings:
   use_search_page_mode: 首頁使用搜尋頁模式
   settings_shared_with_the_search_page: 與搜尋頁共用的設定
   settings_shared_with_the_search_page_desc: 這些設定都與搜尋頁共用
+  search_page_mode_wallpaper_fixed: 將搜尋頁模式的背景固定
 
 auth:
   err_tip: 無法授權 access key
diff --git a/src/_locales/en.yml b/src/_locales/en.yml
index ac74cac6..cd626d91 100644
--- a/src/_locales/en.yml
+++ b/src/_locales/en.yml
@@ -116,6 +116,7 @@ settings:
   use_search_page_mode: Use search page mode on homepage
   settings_shared_with_the_search_page: Settings shared with the search page
   settings_shared_with_the_search_page_desc: Those settings are used in common with the search page
+  search_page_mode_wallpaper_fixed: Make the wallpaper of the search page mode fixed
 
 auth:
   err_tip: Failed to grant access key
diff --git a/src/_locales/jyut.yml b/src/_locales/jyut.yml
index e5b7451b..0dc91eed 100644
--- a/src/_locales/jyut.yml
+++ b/src/_locales/jyut.yml
@@ -115,6 +115,7 @@ settings:
   use_search_page_mode: 主頁使用搵嘢頁模式
   settings_shared_with_the_search_page: 同搵嘢頁共用嘅設定
   settings_shared_with_the_search_page_desc: 呢啲設定都同搵嘢頁共用
+  search_page_mode_wallpaper_fixed: 定住搵嘢頁模式嘅背景
 
 auth:
   err_tip: 無法授權 access key
diff --git a/src/components/Settings/components/Home.vue b/src/components/Settings/components/Home.vue
index 3e37afda..9d28eb2e 100644
--- a/src/components/Settings/components/Home.vue
+++ b/src/components/Settings/components/Home.vue
@@ -106,12 +106,16 @@ function handleCloseSearchPageModeSharedSettings() {
           @close="handleCloseSearchPageModeSharedSettings"
         >
           <template #desc>
-            <span color="$bew-warning-color">{{ $t('settings.settings_shared_with_the_search_page_desc') }}</span>
+            <span color="$bew-warning-color">{{ $t('settings.search_page_mode_wallpaper_fixed') }}</span>
           </template>
 
           <SearchPage />
         </ChildSettingsDialog>
       </SettingsItem>
+
+      <SettingsItem :title="$t('settings.settings_shared_with_the_search_page')">
+        <Radio v-model="settings.searchPageModeWallpaperFixed" />
+      </SettingsItem>
     </SettingsItemGroup>
   </div>
 </template>
diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index dacbbd0a..43296e6b 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -59,6 +59,7 @@ onUnmounted(() => {
         pos="absolute left-0 top-0" w-full h-580px mb--580px bg="cover center" z-1
         :style="{
           backgroundImage: `url(${settings.searchPageWallpaper})`,
+          backgroundAttachment: settings.searchPageModeWallpaperFixed ? 'fixed' : 'unset'
         }"
       />
       <!-- background mask -->
diff --git a/src/logic/storage.ts b/src/logic/storage.ts
index 2786b5fa..6c98b198 100644
--- a/src/logic/storage.ts
+++ b/src/logic/storage.ts
@@ -37,4 +37,5 @@ export const settings = useStorageLocal('settings', ref<Settings>({
 
   recommendationMode: 'web',
   useSearchPageModeOnHomePage: false,
+  searchPageModeWallpaperFixed: true,
 }), { mergeDefaults: true })
diff --git a/src/models/models.ts b/src/models/models.ts
index 6140f653..aa8b03e9 100644
--- a/src/models/models.ts
+++ b/src/models/models.ts
@@ -32,4 +32,5 @@ export interface Settings {
 
   recommendationMode: 'web' | 'app'
   useSearchPageModeOnHomePage: boolean
+  searchPageModeWallpaperFixed: boolean
 }