From d610a4e85727631b047761378d1ea6f4420122b8 Mon Sep 17 00:00:00 2001 From: Vitor Mattos <1079143+vitormattos@users.noreply.github.com> Date: Thu, 26 Feb 2026 18:06:51 -0300 Subject: [PATCH] fix(FileUpload): fix oversized preview image in confirm signature dialog Move .confirm-preview styles into :deep(.confirm-dialog__content) so they reach the teleported NcDialog content. Add max-height, object-fit: contain, background-color and border-radius to match the PreviewSignature appearance. Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com> --- src/components/Draw/FileUpload.vue | 29 +++++++++++++++++------------ 1 file changed, 17 insertions(+), 12 deletions(-) diff --git a/src/components/Draw/FileUpload.vue b/src/components/Draw/FileUpload.vue index 14eefae669..a686c383d8 100644 --- a/src/components/Draw/FileUpload.vue +++ b/src/components/Draw/FileUpload.vue @@ -414,18 +414,6 @@ export default { color: var(--color-text-maxcontrast); } - .confirm-preview { - display: flex; - justify-content: center; - width: 100%; - } - - .confirm-preview__image { - display: block; - max-width: 100%; - margin: 0 auto; - } - .file-input-container { margin-bottom: 5px; @@ -450,5 +438,22 @@ export default { :deep(.confirm-dialog__content) { display: flex; justify-content: center; + + .confirm-preview { + display: flex; + justify-content: center; + width: 100%; + overflow: hidden; + } + + .confirm-preview__image { + display: block; + max-width: 100%; + max-height: 50vh; + object-fit: contain; + margin: 0 auto; + background-color: #cecece; + border-radius: 10px; + } }