fix(phone-image): 中間預覽區與右側畫布換行位置不一致

根因: #render-preview無padding(內容寬540px), 右側.page-body有padding:20px(內容寬500px),
40px寬度差導致文字換行位置不同。
修復: #render-preview添加padding:var(--pi-spacing)(20px) + box-sizing:border-box,
使中間預覽區內容寬度(500px)與右側畫布一致。
This commit is contained in:
augushong
2026-05-19 20:19:17 +08:00
parent e937970986
commit 616e7c507b

View File

@@ -832,6 +832,8 @@ body > .page-header-right .layui-btn:not(.layui-btn-primary):not(.layui-btn-norm
font-size: calc(14px * var(--pi-font-scale, 1));
line-height: var(--pi-line-height);
color: var(--pi-color-text);
padding: var(--pi-spacing);
box-sizing: border-box;
}
/* 预览区标题字号 */