Refactor Bypass layout and UI text
Some checks failed
Build NapCat Artifacts / Build-Framework (push) Has been cancelled
Build NapCat Artifacts / Build-Shell (push) Has been cancelled

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).
This commit is contained in:
手瓜一十雪
2026-02-20 17:11:58 +08:00
parent 41d94cd5e2
commit 53f27ea9e2
3 changed files with 83 additions and 81 deletions

View File

@@ -83,83 +83,85 @@ const BypassConfigCard = () => {
Napi2Native Napi2Native
</p> </p>
</div> </div>
<Controller <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3'>
control={control} <Controller
name='hook' control={control}
render={({ field }) => ( name='hook'
<SwitchCard render={({ field }) => (
{...field} <SwitchCard
label='Hook' {...field}
description='hook特征隐藏' label='Hook'
/> description='hook特征隐藏'
)} />
/> )}
<Controller />
control={control} <Controller
name='window' control={control}
render={({ field }) => ( name='window'
<SwitchCard render={({ field }) => (
{...field} <SwitchCard
label='Window' {...field}
description='窗口伪造' label='Window'
/> description='窗口伪造'
)} />
/> )}
<Controller />
control={control} <Controller
name='module' control={control}
render={({ field }) => ( name='module'
<SwitchCard render={({ field }) => (
{...field} <SwitchCard
label='Module' {...field}
description='加载模块隐藏' label='Module'
/> description='加载模块隐藏'
)} />
/> )}
<Controller />
control={control} <Controller
name='process' control={control}
render={({ field }) => ( name='process'
<SwitchCard render={({ field }) => (
{...field} <SwitchCard
label='Process' {...field}
description='进程反检测' label='Process'
/> description='进程反检测'
)} />
/> )}
<Controller />
control={control} <Controller
name='container' control={control}
render={({ field }) => ( name='container'
<SwitchCard render={({ field }) => (
{...field} <SwitchCard
label='Container' {...field}
description='容器反检测' label='Container'
/> description='容器反检测'
)} />
/> )}
<Controller />
control={control} <Controller
name='js' control={control}
render={({ field }) => ( name='js'
<SwitchCard render={({ field }) => (
{...field} <SwitchCard
label='JS' {...field}
description='JS反检测' label='JS'
/> description='JS反检测'
)} />
/> )}
<Controller />
control={control} <Controller
name='o3HookMode' control={control}
render={({ field }) => ( name='o3HookMode'
<SwitchCard render={({ field }) => (
{...field} <SwitchCard
label='o3HookMode' {...field}
description='O3 Hook 模式' label='o3HookMode'
/> description='O3 Hook 模式'
)} />
/> )}
/>
</div>
<SaveButtons <SaveButtons
onSubmit={onSubmit} onSubmit={onSubmit}
reset={onReset} reset={onReset}

View File

@@ -115,7 +115,7 @@ export default function ConfigPage () {
<BackupConfigCard /> <BackupConfigCard />
</ConfigPageItem> </ConfigPageItem>
</Tab> </Tab>
<Tab title='Bypass配置' key='bypass'> <Tab title='反检测' key='bypass'>
<ConfigPageItem> <ConfigPageItem>
<BypassConfigCard /> <BypassConfigCard />
</ConfigPageItem> </ConfigPageItem>

View File

@@ -131,7 +131,7 @@ const WebUIConfigCard = () => {
isLoading={isLoadingOptions} isLoading={isLoadingOptions}
className='w-fit' className='w-fit'
> >
{!isLoadingOptions && '📥'} {!isLoadingOptions}
</Button> </Button>
<Button <Button
@@ -225,12 +225,12 @@ const WebUIConfigCard = () => {
disabled={!registrationOptions} disabled={!registrationOptions}
className='w-fit' className='w-fit'
> >
🔐 Passkey Passkey
</Button> </Button>
</div> </div>
{registrationOptions && ( {registrationOptions && (
<div className='text-xs text-green-600'> <div className='text-xs text-green-600'>
</div> </div>
)} )}
</div> </div>