fix(settings): 远程浏览器那块吃掉剩下的宽度，别再是窄条

远程桌面是 1920×1080，noVNC 按容器宽度等比缩放 —— 面板是 380~560 的窄条时，画面被缩到很小、上下全黑，验证码基本没法看。而左边设置列有 max-w-3xl 封顶，宽屏上右边本来就空着一大块。改成 flex-1：设置列还是 max-w-3xl（保持好读的行宽），画面把剩下的宽度全拿走。
2026-10-11 08:26:29 +08:00
parent eed4c79b7d
commit dbfbf32225
1 changed files with 4 additions and 2 deletions
@@ -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>