diff --git a/public/static/css/phone-image-templates.css b/public/static/css/phone-image-templates.css index 77ae56a..a6cc862 100644 --- a/public/static/css/phone-image-templates.css +++ b/public/static/css/phone-image-templates.css @@ -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)); } diff --git a/view/admin/post/phone_image.html b/view/admin/post/phone_image.html index 0df4ebd..3b57706 100644 --- a/view/admin/post/phone_image.html +++ b/view/admin/post/phone_image.html @@ -83,27 +83,31 @@ .render-preview-area { width: 540px; - overflow-y: auto; - border-right: 1px solid #e8e8e8; + overflow: hidden; background: #fff; flex-shrink: 0; } .render-preview-area .preview-header { - padding: 8px 15px; + padding: 8px 20px; background: #fafafa; border-bottom: 1px solid #e8e8e8; font-size: 13px; color: #999; - position: sticky; - top: 0; - z-index: 5; } #render-preview { min-height: 300px; - padding: 10px; + padding: 20px; box-sizing: border-box; + overflow-y: scroll; + overflow-x: hidden; + scrollbar-width: none; + -ms-overflow-style: none; + } + + #render-preview::-webkit-scrollbar { + display: none; } .paginated-preview-area {