Skip to content

Commit 7594081

Browse files
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>
1 parent c377912 commit 7594081

1 file changed

Lines changed: 17 additions & 12 deletions

File tree

src/components/Draw/FileUpload.vue

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -414,18 +414,6 @@ export default {
414414
color: var(--color-text-maxcontrast);
415415
}
416416
417-
.confirm-preview {
418-
display: flex;
419-
justify-content: center;
420-
width: 100%;
421-
}
422-
423-
.confirm-preview__image {
424-
display: block;
425-
max-width: 100%;
426-
margin: 0 auto;
427-
}
428-
429417
.file-input-container {
430418
margin-bottom: 5px;
431419
@@ -450,5 +438,22 @@ export default {
450438
:deep(.confirm-dialog__content) {
451439
display: flex;
452440
justify-content: center;
441+
442+
.confirm-preview {
443+
display: flex;
444+
justify-content: center;
445+
width: 100%;
446+
overflow: hidden;
447+
}
448+
449+
.confirm-preview__image {
450+
display: block;
451+
max-width: 100%;
452+
max-height: 50vh;
453+
object-fit: contain;
454+
margin: 0 auto;
455+
background-color: #cecece;
456+
border-radius: 10px;
457+
}
453458
}
454459
</style>

0 commit comments

Comments
 (0)