From ea7ab2b28d7984405995c5aba777e4e2eaf3b809 Mon Sep 17 00:00:00 2001 From: Nitwel Date: Thu, 8 Apr 2021 22:49:41 +0200 Subject: [PATCH] Fix svg overflow (#4719) * fix svg overflow * fix max height on svg * Fix padding in card preview Co-authored-by: rijkvanzanten --- app/src/layouts/cards/components/card.vue | 1 + .../views/private/components/file-preview/file-preview.vue | 5 +++++ 2 files changed, 6 insertions(+) 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); + } }