fix(webui): 移动端主内容占满宽度

[ModerRAS]

问题

手机上 WebUI 右侧空一块，内容挤在左边窄列。

根因

≤920px 时 .side-nav 为 display:none（从 grid 中移除），但 .app-shell 仍是 grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr) 两列；抽屉又 teleport 到 body，.main-pane 成了唯一可见 grid 子项，落在第一列（14–18rem 窄轨）。

修复

现有 @media (max-width: 920px) 块内加一条：.app-shell { grid-template-columns: minmax(0, 1fr) }。

验证

• npm run build、./gradlew test lint assembleDebug 全绿
• HK1 真机 (192.168.63.237:9978) Playwright 实测：
  • 390px：pane 宽 390 = 视口全宽，右缘 390，无空列；burger 正常
  • 768px：同样占满
  • 1280px：桌面布局不变（侧栏保留，pane 右缘 1280）

版本级别：Patch（bug fix，不改 baseAppVersionName）。

[coderabbitai]

Important

• 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Advanced

Run ID: 5dd5aa38-c9ff-4a34-8ffc-51ad83e8775a

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}