From 6ff83ee92af939141ea37ec276cba81b3d8404b0 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Fri, 20 Feb 2026 20:46:37 +0800
Subject: [PATCH] style(admin): improve model toggle layout to avoid label
 wrapping

---
 .../settings/admin-settings-client.tsx        | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/app/(admin)/settings/admin-settings-client.tsx b/app/(admin)/settings/admin-settings-client.tsx
index 4f718a07c..af0c87bd0 100644
--- a/app/(admin)/settings/admin-settings-client.tsx
+++ b/app/(admin)/settings/admin-settings-client.tsx
@@ -5805,23 +5805,32 @@ export function AdminSettingsClient() {
                               checked={modelForm.supportsVision}
                               onCheckedChange={(checked) => setModelForm({ ...modelForm, supportsVision: checked })}
                             />
-                            <Label>支持视觉</Label>
+                            <Label className="whitespace-nowrap">支持视觉</Label>
                           </div>
                           <div className="flex items-center gap-2">
                             <Switch
                               checked={modelForm.supportsImageGen}
                               onCheckedChange={(checked) => setModelForm({ ...modelForm, supportsImageGen: checked })}
                             />
-                            <Label>支持绘图</Label>
+                            <Label className="whitespace-nowrap">支持绘图</Label>
                           </div>
                         </div>
-                        <div className="flex gap-4">
-                          <div className="flex items-center gap-2">
-                            <Switch
-                              checked={modelForm.isEnabled}
-                              onCheckedChange={(checked) => setModelForm({ ...modelForm, isEnabled: checked })}
-                            />
-                            <Label>启用</Label>
+                        <div className="space-y-3">
+                          <div className="flex gap-6">
+                            <div className="flex items-center gap-2">
+                              <Switch
+                                checked={modelForm.isEnabled}
+                                onCheckedChange={(checked) => setModelForm({ ...modelForm, isEnabled: checked })}
+                              />
+                              <Label className="whitespace-nowrap">启用</Label>
+                            </div>
+                            <div className="flex items-center gap-2">
+                              <Switch
+                                checked={modelForm.isDefault}
+                                onCheckedChange={(checked) => setModelForm({ ...modelForm, isDefault: checked })}
+                              />
+                              <Label className="whitespace-nowrap">设为默认</Label>
+                            </div>
                           </div>
                           <div className="flex items-center gap-2">
                             <Switch
@@ -5830,13 +5839,6 @@ export function AdminSettingsClient() {
                             />
                             <Label>前台隐藏（仅 Agent/故障迁移可用）</Label>
                           </div>
-                          <div className="flex items-center gap-2">
-                            <Switch
-                              checked={modelForm.isDefault}
-                              onCheckedChange={(checked) => setModelForm({ ...modelForm, isDefault: checked })}
-                            />
-                            <Label>设为默认</Label>
-                          </div>
                         </div>
                         <div className="flex items-center gap-2">
                           <Switch