diff --git a/src/features/documents/components/DocumentTemplateEditor.vue b/src/features/documents/components/DocumentTemplateEditor.vue index 72f9c2f..1ff5bc4 100644 --- a/src/features/documents/components/DocumentTemplateEditor.vue +++ b/src/features/documents/components/DocumentTemplateEditor.vue @@ -368,6 +368,9 @@ function onSave() { } /* ═══════ Preview ═══════ */ +/* Container externo: scroll vertical interno + fundo sutil. + NÃO usa flex (que limitava a altura intrínseca do doc) — usa + block normal com o doc centralizado via margin auto. */ .dte-preview { flex: 1; min-height: 0; @@ -376,8 +379,6 @@ function onSave() { border: 1px solid var(--surface-border); border-radius: 10px; padding: 24px; - display: flex; - justify-content: center; } .dte-preview__doc { background: white; @@ -386,11 +387,17 @@ function onSave() { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); width: 100%; max-width: 794px; /* ≈ A4 a 96dpi */ + margin: 0 auto; padding: 48px 56px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 12pt; line-height: 1.6; min-height: 500px; + /* Garante que o background-white cresce com o conteúdo + (em vez de ficar travado no min-height quando o doc é grande) */ + box-sizing: border-box; + height: auto; + overflow: visible; } .dte-preview__header { text-align: center;