From e86fd09f406bae45be9176784c6092b2469224c4 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Thu, 30 Jan 2020 17:04:38 +0100
Subject: viewer: picture display improvements

---
 viewer/src/assets/scss/global.scss  | 3 +++
 viewer/src/views/GalleryPicture.vue | 4 +++-
 2 files changed, 6 insertions(+), 1 deletion(-)

(limited to 'viewer')

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 6488dee..645d4a0 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -72,6 +72,9 @@
     margin: 1px;
   }
 }
+img {
+  image-orientation: from-image;
+}
 
 // === Effect to apply on lazy-image loading
 
diff --git a/viewer/src/views/GalleryPicture.vue b/viewer/src/views/GalleryPicture.vue
index 579e74b..323333a 100644
--- a/viewer/src/views/GalleryPicture.vue
+++ b/viewer/src/views/GalleryPicture.vue
@@ -25,7 +25,7 @@
     @click="onClick"
     @dragscrollstart="dragging=true"
   >
-    <img :src="pictureSrc" />
+    <v-lazy-image :src="pictureSrc" />
   </div>
 </template>
 
@@ -56,6 +56,7 @@ export default class GalleryPicture extends Vue {
   height: 100%;
   & > img {
     object-fit: contain;
+    cursor: zoom-in;
   }
 }
 .originalSize {
@@ -67,6 +68,7 @@ export default class GalleryPicture extends Vue {
     max-width: unset;
     max-height: unset;
     object-fit: none;
+    cursor: zoom-out;
   }
 }
 </style>
-- 
cgit v1.2.3