diff options
| author | Luka Trovic <luka@nextcloud.com> | 2021-12-21 10:31:13 +0300 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2021-12-28 18:15:19 +0300 |
| commit | 93e502bcc9142813d627f53962de801a4ec99d79 (patch) | |
| tree | 45d6e8855034e56a669f3722b057da0a4249e7b8 /src/nodes/ImageView.vue | |
| parent | fa80d9e424b4dbf64cf75d4a24e8c57d5aaea893 (diff) | |
fix landscape image issue
Signed-off-by: Luka Trovic <luka@nextcloud.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'src/nodes/ImageView.vue')
| -rw-r--r-- | src/nodes/ImageView.vue | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/src/nodes/ImageView.vue b/src/nodes/ImageView.vue index f72ea7234..8a36cbc7a 100644 --- a/src/nodes/ImageView.vue +++ b/src/nodes/ImageView.vue @@ -260,12 +260,15 @@ export default { .image__view { text-align: center; - - .image__main { - max-height: 40vh; + img { + max-width: 100%; } } + .image__main { + max-height: calc(100vh - 50px - 50px); + } + .fade-enter-active { transition: opacity .3s ease-in-out; } |