Nexus/docs/changelog/2026-06-02-terminal-top-clipped-fix.md

Changelog: 终端页顶部被遮挡修复

日期: 2026-06-02

摘要

修复 WebSSH 终端页顶部（标签栏 / xterm 首行）被顶栏 App Bar 裁切或遮挡的问题。

动机

nexus-terminal-main 曾设置 padding-top: 0，抵消了 Vuetify 为 v-app-bar 预留的 --v-layout-top 留白，导致终端区域上沿与全局顶栏重叠。

变更

• frontend/src/App.vue：恢复 padding-top: var(--v-layout-top)；高度改为 100dvh + box-sizing: border-box，在保留顶栏留白的同时占满剩余视口
• frontend/src/pages/TerminalPage.vue：xterm 去掉顶部 padding，减轻首行字符被裁切

涉及文件

• frontend/src/App.vue
• frontend/src/pages/TerminalPage.vue

验证

1. cd frontend && npx vite build
2. 打开 #/terminal：标签栏完整可见，不被蓝色顶栏盖住
3. 连接会话后 xterm 首行提示符完整显示

迁移 / 重启

仅前端构建部署。