From 888dcd255936beca7574013c70c4e2e68dcdd7f8 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sat, 7 Nov 2020 05:00:42 +0900
Subject: [PATCH] =?UTF-8?q?=E7=94=BB=E5=83=8F=E3=83=80=E3=82=A4=E3=82=A2?=
=?UTF-8?q?=E3=83=AD=E3=82=B0=E3=81=A7=E3=82=B9=E3=82=AF=E3=83=AD=E3=83=BC?=
=?UTF-8?q?=E3=83=AB=E3=81=8C=E7=99=BA=E7=94=9F=E3=81=97=E3=81=AA=E3=81=84?=
=?UTF-8?q?=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/client/components/image-viewer.vue | 10 ++++++++--
1 file changed, 8 insertions(+), 2 deletions(-)
diff --git a/src/client/components/image-viewer.vue b/src/client/components/image-viewer.vue
index 04ade4d976..320df30506 100644
--- a/src/client/components/image-viewer.vue
+++ b/src/client/components/image-viewer.vue
@@ -41,10 +41,13 @@ export default defineComponent({
<style lang="scss" scoped>
.xubzgfga {
- max-width: 1024px;
+ display: flex;
+ flex-direction: column;
+ height: 100%;
> header,
> footer {
+ align-self: center;
display: inline-block;
padding: 6px 9px;
font-size: 90%;
@@ -60,7 +63,10 @@ export default defineComponent({
> img {
display: block;
- max-width: 100%;
+ flex: 1;
+ min-height: 0;
+ object-fit: contain;
+ width: 100%;
cursor: zoom-out;
image-orientation: from-image;
}