From 53f27ea9e25a9866c6e33b2c883549fb23db58b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=89=8B=E7=93=9C=E4=B8=80=E5=8D=81=E9=9B=AA?=
 <nanaeonn@outlook.com>
Date: Fri, 20 Feb 2026 17:11:58 +0800
Subject: [PATCH] Refactor Bypass layout and UI text
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Wrap Bypass SwitchCard controls in a responsive grid for better layout and spacing. Rename the Config tab title from 'Bypass配置' to '反检测'. Clean up WebUI button/label text by removing emoji prefixes (removed 📥, 🔐, ✅) for a cleaner UI. Files changed: bypass.tsx (layout), index.tsx (tab title), webui.tsx (text cleanup).
---
 .../src/pages/dashboard/config/bypass.tsx     | 156 +++++++++---------
 .../src/pages/dashboard/config/index.tsx      |   2 +-
 .../src/pages/dashboard/config/webui.tsx      |   6 +-
 3 files changed, 83 insertions(+), 81 deletions(-)

diff --git a/packages/napcat-webui-frontend/src/pages/dashboard/config/bypass.tsx b/packages/napcat-webui-frontend/src/pages/dashboard/config/bypass.tsx
index be3aab3c..be736a17 100644
--- a/packages/napcat-webui-frontend/src/pages/dashboard/config/bypass.tsx
+++ b/packages/napcat-webui-frontend/src/pages/dashboard/config/bypass.tsx
@@ -83,83 +83,85 @@ const BypassConfigCard = () => {
           控制 Napi2Native 模块的各项反检测功能，修改后需重启生效。
         </p>
       </div>
-      <Controller
-        control={control}
-        name='hook'
-        render={({ field }) => (
-          <SwitchCard
-            {...field}
-            label='Hook'
-            description='hook特征隐藏'
-          />
-        )}
-      />
-      <Controller
-        control={control}
-        name='window'
-        render={({ field }) => (
-          <SwitchCard
-            {...field}
-            label='Window'
-            description='窗口伪造'
-          />
-        )}
-      />
-      <Controller
-        control={control}
-        name='module'
-        render={({ field }) => (
-          <SwitchCard
-            {...field}
-            label='Module'
-            description='加载模块隐藏'
-          />
-        )}
-      />
-      <Controller
-        control={control}
-        name='process'
-        render={({ field }) => (
-          <SwitchCard
-            {...field}
-            label='Process'
-            description='进程反检测'
-          />
-        )}
-      />
-      <Controller
-        control={control}
-        name='container'
-        render={({ field }) => (
-          <SwitchCard
-            {...field}
-            label='Container'
-            description='容器反检测'
-          />
-        )}
-      />
-      <Controller
-        control={control}
-        name='js'
-        render={({ field }) => (
-          <SwitchCard
-            {...field}
-            label='JS'
-            description='JS反检测'
-          />
-        )}
-      />
-      <Controller
-        control={control}
-        name='o3HookMode'
-        render={({ field }) => (
-          <SwitchCard
-            {...field}
-            label='o3HookMode'
-            description='O3 Hook 模式'
-          />
-        )}
-      />
+      <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3'>
+        <Controller
+          control={control}
+          name='hook'
+          render={({ field }) => (
+            <SwitchCard
+              {...field}
+              label='Hook'
+              description='hook特征隐藏'
+            />
+          )}
+        />
+        <Controller
+          control={control}
+          name='window'
+          render={({ field }) => (
+            <SwitchCard
+              {...field}
+              label='Window'
+              description='窗口伪造'
+            />
+          )}
+        />
+        <Controller
+          control={control}
+          name='module'
+          render={({ field }) => (
+            <SwitchCard
+              {...field}
+              label='Module'
+              description='加载模块隐藏'
+            />
+          )}
+        />
+        <Controller
+          control={control}
+          name='process'
+          render={({ field }) => (
+            <SwitchCard
+              {...field}
+              label='Process'
+              description='进程反检测'
+            />
+          )}
+        />
+        <Controller
+          control={control}
+          name='container'
+          render={({ field }) => (
+            <SwitchCard
+              {...field}
+              label='Container'
+              description='容器反检测'
+            />
+          )}
+        />
+        <Controller
+          control={control}
+          name='js'
+          render={({ field }) => (
+            <SwitchCard
+              {...field}
+              label='JS'
+              description='JS反检测'
+            />
+          )}
+        />
+        <Controller
+          control={control}
+          name='o3HookMode'
+          render={({ field }) => (
+            <SwitchCard
+              {...field}
+              label='o3HookMode'
+              description='O3 Hook 模式'
+            />
+          )}
+        />
+      </div>
       <SaveButtons
         onSubmit={onSubmit}
         reset={onReset}
diff --git a/packages/napcat-webui-frontend/src/pages/dashboard/config/index.tsx b/packages/napcat-webui-frontend/src/pages/dashboard/config/index.tsx
index 0180fe4b..836009cd 100644
--- a/packages/napcat-webui-frontend/src/pages/dashboard/config/index.tsx
+++ b/packages/napcat-webui-frontend/src/pages/dashboard/config/index.tsx
@@ -115,7 +115,7 @@ export default function ConfigPage () {
             <BackupConfigCard />
           </ConfigPageItem>
         </Tab>
-        <Tab title='Bypass配置' key='bypass'>
+        <Tab title='反检测' key='bypass'>
           <ConfigPageItem>
             <BypassConfigCard />
           </ConfigPageItem>
diff --git a/packages/napcat-webui-frontend/src/pages/dashboard/config/webui.tsx b/packages/napcat-webui-frontend/src/pages/dashboard/config/webui.tsx
index 28ad1702..19d539fd 100644
--- a/packages/napcat-webui-frontend/src/pages/dashboard/config/webui.tsx
+++ b/packages/napcat-webui-frontend/src/pages/dashboard/config/webui.tsx
@@ -131,7 +131,7 @@ const WebUIConfigCard = () => {
             isLoading={isLoadingOptions}
             className='w-fit'
           >
-            {!isLoadingOptions && '📥'}
+            {!isLoadingOptions}
             准备选项
           </Button>
           <Button
@@ -225,12 +225,12 @@ const WebUIConfigCard = () => {
             disabled={!registrationOptions}
             className='w-fit'
           >
-            🔐 注册Passkey
+            注册Passkey
           </Button>
         </div>
         {registrationOptions && (
           <div className='text-xs text-green-600'>
-            ✅ 注册选项已准备就绪，可以开始注册
+            注册选项已准备就绪，可以开始注册
           </div>
         )}
       </div>