diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-11-07 05:00:42 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-11-07 05:00:42 +0900 |
| commit | 888dcd255936beca7574013c70c4e2e68dcdd7f8 (patch) | |
| tree | 63b5cdef33a852201fb53224add180c81b6af5fd /src | |
| parent | 12.53.0 (diff) | |
| download | sharkey-888dcd255936beca7574013c70c4e2e68dcdd7f8.tar.gz sharkey-888dcd255936beca7574013c70c4e2e68dcdd7f8.tar.bz2 sharkey-888dcd255936beca7574013c70c4e2e68dcdd7f8.zip | |
画像ダイアログでスクロールが発生しないように
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/components/image-viewer.vue | 10 |
1 files 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; } |