diff --git a/app/src/layouts/cards/components/card.vue b/app/src/layouts/cards/components/card.vue index 38d7eafc83..9924feff56 100644 --- a/app/src/layouts/cards/components/card.vue +++ b/app/src/layouts/cards/components/card.vue @@ -179,6 +179,7 @@ export default defineComponent({ } .svg { + position: absolute; width: 50%; height: 50%; object-fit: contain; diff --git a/app/src/views/private/components/file-preview/file-preview.vue b/app/src/views/private/components/file-preview/file-preview.vue index e6c3b9cd23..7851e38e2d 100644 --- a/app/src/views/private/components/file-preview/file-preview.vue +++ b/app/src/views/private/components/file-preview/file-preview.vue @@ -139,5 +139,10 @@ audio { padding: 64px; background-color: var(--background-normal); border-radius: var(--border-radius); + + &.max-size img { + // Max height - padding * 2 + max-height: calc(75vh - 128px); + } }