aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorZero~Informatique2020-01-30 17:04:38 +0100
committerZero~Informatique2020-01-30 17:24:08 +0100
commite86fd09f406bae45be9176784c6092b2469224c4 (patch)
tree7e96025a7313016fa88b9c13838ad9b3a5542db1
parent76af6cffce939ef3c9a0952e6f7adc234e92f782 (diff)
downloadldgallery-e86fd09f406bae45be9176784c6092b2469224c4.tar.gz
viewer: picture display improvements
-rw-r--r--viewer/src/assets/scss/global.scss3
-rw-r--r--viewer/src/views/GalleryPicture.vue4
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}
75img {
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>