viewer: picture display improvements

2 files changed, 6 insertions, 1 deletions

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>