From dbfbf3222574409d7192f309a7ee9bfad07fed74 Mon Sep 17 00:00:00 2001
From: butubb <1422726308@qq.com>
Date: Sun, 11 Oct 2026 08:26:29 +0800
Subject: [PATCH] =?UTF-8?q?fix(settings):=20=E8=BF=9C=E7=A8=8B=E6=B5=8F?=
 =?UTF-8?q?=E8=A7=88=E5=99=A8=E9=82=A3=E5=9D=97=E5=90=83=E6=8E=89=E5=89=A9?=
 =?UTF-8?q?=E4=B8=8B=E7=9A=84=E5=AE=BD=E5=BA=A6=EF=BC=8C=E5=88=AB=E5=86=8D?=
 =?UTF-8?q?=E6=98=AF=E7=AA=84=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

远程桌面是 1920×1080，noVNC 按容器宽度等比缩放 —— 面板是 380~560 的窄条时，
画面被缩到很小、上下全黑，验证码基本没法看。而左边设置列有 max-w-3xl 封顶，
宽屏上右边本来就空着一大块。

改成 flex-1：设置列还是 max-w-3xl（保持好读的行宽），画面把剩下的宽度全拿走。
---
 webui/src/components/settings/SettingsView.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx
index 9a2d73a..3988849 100644
--- a/webui/src/components/settings/SettingsView.tsx
+++ b/webui/src/components/settings/SettingsView.tsx
@@ -143,8 +143,10 @@ export function SettingsView({ onNavigate }: { onNavigate?: (view: AppView) => v
       </div>
 
       {/* 右边常驻一块服务器浏览器的实时画面 —— 弹验证码时要能抬眼就看见、伸手就能点，
-          而不是「切页面 → 找入口 → 等加载」。宽度固定，左边那列自己让位。 */}
-      <aside className="w-[380px] xl:w-[460px] 2xl:w-[560px] flex-shrink-0 min-h-0">
+          而不是「切页面 → 找入口 → 等加载」。
+          **让它吃掉剩下的宽度**，而不是固定一个窄条：远程桌面是 1920×1080，面板越窄，
+          noVNC 缩放出来的画面越小，窄条上看验证码基本没法看。 */}
+      <aside className="flex-1 min-w-[380px] min-h-0">
         <RemoteBrowserPanel />
       </aside>
     </div>