From 74f9305e166482003f4ef3fc12f2a003d5ec468c Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Wed, 15 Apr 2020 22:24:25 +0800
Subject: [PATCH] fix(webreader): stretched images on Safari with fit to Width

---
 komga-webui/src/views/BookReader.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/komga-webui/src/views/BookReader.vue b/komga-webui/src/views/BookReader.vue
index 682d53091..126f2ff56 100644
--- a/komga-webui/src/views/BookReader.vue
+++ b/komga-webui/src/views/BookReader.vue
@@ -143,11 +143,13 @@
               <img :src="getPageUrl(p)"
                    :height="maxHeight"
                    :width="maxWidth(p)"
+                   :style="imgStyle"
               />
               <img v-if="doublePages && p !== 1 && p !== pagesCount && p+1 !== pagesCount"
                    :src="getPageUrl(p+1)"
                    :height="maxHeight"
                    :width="maxWidth(p+1)"
+                   :style="imgStyle"
               />
             </div>
           </div>
@@ -412,6 +414,9 @@ export default Vue.extend({
     maxHeight (): number | null {
       return this.imageFit === ImageFit.HEIGHT ? this.$vuetify.breakpoint.height : null
     },
+    imgStyle (): string {
+      return this.imageFit === ImageFit.WIDTH ? 'height:intrinsic' : ''
+    },
     slidesRange (): number[] {
       if (!this.doublePages) {
         return this.$_.range(1, this.pagesCount + 1)