From 774f047bebf09b09e92612e2cab55469ef5e61aa Mon Sep 17 00:00:00 2001
From: shinya <kobayashi_shinya@outlook.com>
Date: Fri, 1 Aug 2025 13:39:15 +0800
Subject: [PATCH] fix: fix DisableYellowFilter switch style

---
 VERSION.txt            |  2 +-
 src/app/admin/page.tsx | 70 ++++++++++++++++++++++--------------------
 src/lib/version.ts     |  2 +-
 3 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/VERSION.txt b/VERSION.txt
index c36b4de..7cdd409 100644
--- a/VERSION.txt
+++ b/VERSION.txt
@@ -1 +1 @@
-20250801131720
\ No newline at end of file
+20250801133915
\ No newline at end of file
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index 064303e..7c2f760 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -1615,54 +1615,56 @@ const SiteConfigComponent = ({ config }: { config: AdminConfig | null }) => {
 
       {/* 禁用黄色过滤器 */}
       <div>
-        <label
-          className={`block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 ${
-            isD1Storage || isUpstashStorage ? 'opacity-50' : ''
-          }`}
-        >
-          禁用黄色过滤器
-          {isD1Storage && (
-            <span className='ml-2 text-xs text-gray-500 dark:text-gray-400'>
-              (D1 环境下请通过环境变量修改)
-            </span>
-          )}
-          {isUpstashStorage && (
-            <span className='ml-2 text-xs text-gray-500 dark:text-gray-400'>
-              (Upstash 环境下请通过环境变量修改)
-            </span>
-          )}
-        </label>
-        <div className='flex items-center'>
-          <input
-            type='checkbox'
-            id='disableYellowFilter'
-            checked={siteSettings.DisableYellowFilter}
-            onChange={(e) =>
+        <div className='flex items-center justify-between'>
+          <label
+            className={`block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 ${
+              isD1Storage || isUpstashStorage ? 'opacity-50' : ''
+            }`}
+          >
+            禁用黄色过滤器
+            {isD1Storage && (
+              <span className='ml-2 text-xs text-gray-500 dark:text-gray-400'>
+                (D1 环境下请通过环境变量修改)
+              </span>
+            )}
+            {isUpstashStorage && (
+              <span className='ml-2 text-xs text-gray-500 dark:text-gray-400'>
+                (Upstash 环境下请通过环境变量修改)
+              </span>
+            )}
+          </label>
+          <button
+            type='button'
+            onClick={() =>
               !isD1Storage &&
               !isUpstashStorage &&
               setSiteSettings((prev) => ({
                 ...prev,
-                DisableYellowFilter: e.target.checked,
+                DisableYellowFilter: !prev.DisableYellowFilter,
               }))
             }
             disabled={isD1Storage || isUpstashStorage}
-            className={`w-4 h-4 text-green-600 bg-gray-100 border-gray-300 rounded focus:ring-green-500 dark:focus:ring-green-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600 ${
+            className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 ${
+              siteSettings.DisableYellowFilter
+                ? 'bg-green-600'
+                : 'bg-gray-200 dark:bg-gray-700'
+            } ${
               isD1Storage || isUpstashStorage
                 ? 'opacity-50 cursor-not-allowed'
                 : ''
             }`}
-          />
-          <label
-            htmlFor='disableYellowFilter'
-            className={`ml-2 text-sm text-gray-700 dark:text-gray-300 ${
-              isD1Storage || isUpstashStorage ? 'opacity-50' : ''
-            }`}
           >
-            启用后将禁用黄色内容过滤功能
-          </label>
+            <span
+              className={`inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${
+                siteSettings.DisableYellowFilter
+                  ? 'translate-x-6'
+                  : 'translate-x-1'
+              }`}
+            />
+          </button>
         </div>
         <p className='mt-1 text-xs text-gray-500 dark:text-gray-400'>
-          启用此选项将禁用黄色内容的过滤功能，允许显示所有内容。
+          禁用黄色内容的过滤功能，允许显示所有内容。
         </p>
       </div>
 
diff --git a/src/lib/version.ts b/src/lib/version.ts
index 4b37e88..e4d4a38 100644
--- a/src/lib/version.ts
+++ b/src/lib/version.ts
@@ -2,7 +2,7 @@
 
 'use client';
 
-const CURRENT_VERSION = '20250801131720';
+const CURRENT_VERSION = '20250801133915';
 
 // 版本检查结果枚举
 export enum UpdateStatus {