修复中间预览区与右侧画布排版一致性

- 隐藏中间预览区滚动条,消除15px宽度差异
- 统一padding为20px,内容宽度均为500px
- .page-content行高改用CSS变量--pi-line-height
- #paginated-preview加入CSS变量选择器
- 去掉中间预览区右侧边框
This commit is contained in:
augushong
2026-05-19 20:52:38 +08:00
parent 616e7c507b
commit 4f1bcae05b
2 changed files with 14 additions and 9 deletions

View File

@@ -27,7 +27,8 @@
* 否则中间变量继承 :root 的预计算值(:root 的 --pi-font-scale 始终为 1缩放不生效。
*/
#render-preview,
#render-staging {
#render-staging,
#paginated-preview {
--pi-font-size-base: calc(14px * var(--pi-font-scale, 1));
--pi-font-size-title: calc(26px * var(--pi-font-scale, 1));
--pi-font-size-subtitle: calc(16px * var(--pi-font-scale, 1));
@@ -296,7 +297,7 @@
flex: 1;
overflow: hidden;
word-break: break-word;
line-height: 2.0;
line-height: var(--pi-line-height, 2.0);
font-size: calc(14px * var(--pi-font-scale, 1));
}