mirror of
https://gitcode.com/JianFeeeee/webui4frpc.git
synced 2026-09-19 16:38:31 +00:00
64d3359981
两个原因叠加导致顶栏横向溢出：
1. "webui4frpc" 是不可断行单词，.sb-brand-text 没给 min-width:0 +
overflow:hidden，其 flex 自动最小尺寸就等于 min-content（≈85px），
顶栏因此拿不出空间给右侧身份区，超出部分溢出。现给品牌文字整条链路
加可收缩约束，标题用 ellipsis 截断。
2. .sb-identity 用 max-width:42vw / .id-name 用 14vw 限宽：vw 含垂直
滚动条宽度，比实际可用内容宽度大；且 max-width 只封顶盒子，内部
flex:0 0 auto 的角色徽标与退出按钮仍会把它撑开。改为全链路
min-width:0 + overflow:hidden，由 flex 自行分配（.sb-foot 也从
flex:0 0 auto 改 0 1 auto，允许被压缩）。
另加 .sidebar { overflow-x: hidden } 作兜底，任何子项算错都不再产生
横向滚动条；≤380px 隐藏角色徽标（它不可收缩，"超级管理员"≈70px）。
验证：tsc --noEmit 通过、npm run build 通过、产物 CSS 已确认规则生效；
三节点部署 0.1.2 后环正常（cycle 推进、pending=0、topo=5）。