fix(settings): 远程浏览器那块吃掉剩下的宽度,别再是窄条
远程桌面是 1920×1080,noVNC 按容器宽度等比缩放 —— 面板是 380~560 的窄条时, 画面被缩到很小、上下全黑,验证码基本没法看。而左边设置列有 max-w-3xl 封顶, 宽屏上右边本来就空着一大块。 改成 flex-1:设置列还是 max-w-3xl(保持好读的行宽),画面把剩下的宽度全拿走。
This commit is contained in:
@@ -143,8 +143,10 @@ export function SettingsView({ onNavigate }: { onNavigate?: (view: AppView) => v
|
|||||||
</div>
|
</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 />
|
<RemoteBrowserPanel />
|
||||||
</aside>
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user