diff options
Diffstat (limited to 'viewer')
-rw-r--r-- | viewer/src/assets/scss/global.scss | 3 | ||||
-rw-r--r-- | viewer/src/views/GalleryPicture.vue | 4 |
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 @@ | |||
72 | margin: 1px; | 72 | margin: 1px; |
73 | } | 73 | } |
74 | } | 74 | } |
75 | img { | ||
76 | image-orientation: from-image; | ||
77 | } | ||
75 | 78 | ||
76 | // === Effect to apply on lazy-image loading | 79 | // === Effect to apply on lazy-image loading |
77 | 80 | ||
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 @@ | |||
25 | @click="onClick" | 25 | @click="onClick" |
26 | @dragscrollstart="dragging=true" | 26 | @dragscrollstart="dragging=true" |
27 | > | 27 | > |
28 | <img :src="pictureSrc" /> | 28 | <v-lazy-image :src="pictureSrc" /> |
29 | </div> | 29 | </div> |
30 | </template> | 30 | </template> |
31 | 31 | ||
@@ -56,6 +56,7 @@ export default class GalleryPicture extends Vue { | |||
56 | height: 100%; | 56 | height: 100%; |
57 | & > img { | 57 | & > img { |
58 | object-fit: contain; | 58 | object-fit: contain; |
59 | cursor: zoom-in; | ||
59 | } | 60 | } |
60 | } | 61 | } |
61 | .originalSize { | 62 | .originalSize { |
@@ -67,6 +68,7 @@ export default class GalleryPicture extends Vue { | |||
67 | max-width: unset; | 68 | max-width: unset; |
68 | max-height: unset; | 69 | max-height: unset; |
69 | object-fit: none; | 70 | object-fit: none; |
71 | cursor: zoom-out; | ||
70 | } | 72 | } |
71 | } | 73 | } |
72 | </style> | 74 | </style> |