JianFeeeee
ed1ae02441
跨端: 宽屏两栏各自圆角（原来只有外壳有，内部两半是直角）
用户：「同时邮件展示左侧没有圆角」。
WebUI 宽屏的真结构是**三个独立圆角面板并排**（App.tsx:262）：
<div className="app-shell"> ← padding/gap = 10px
<Sidebar/> {list} {main} ← 每个子元素各自 border-radius:14px
</div>
（index.css:968 的 .app-shell > * 统一给 border-radius，第 1070 行在壁纸态再加
overflow:hidden + 阴影）。所以列表栏与详情栏**各有自己的四个圆角**，
中间的缝里透出壁纸。
我们这边是一个 Navigation，由系统 Split 成 navBar + content 两半，
圆角只加在**外壳**上 ⇒ 内部这两半是直角。实测（模拟器 3184×2232）：
详情栏白区左缘在 y=145 与 y=2195 都是 x=1152 —— **完全垂直，没有圆角**。
修法：给两栏**各自**补圆角 + 裁切（与 WebUI 的 .app-shell > * 逐条对应），
左栏在 navBar 内容根、右栏在 NavDestination 上。
修后实测白区左缘：y=145→x=1178、y=165→1156、y=185→1152（圆弧正确），
下角同理（y=2190→1165、y=2196→1172）。
★ 顺带给 MailDetailDestination 补 bgActive 参数（圆角要在壁纸开启时才有 ——
与 WebUI 一致：非壁纸态 .app-shell > * 也圆角，但那时底色是实心的，
圆角看不出来；壁纸态才需要圆角把缝让出来）。
2026-09-20 11:14:05 +08:00
..
2026-09-20 10:51:28 +08:00
2026-09-20 11:14:05 +08:00