diff options
author | Zero~Informatique | 2020-01-30 17:04:38 +0100 |
---|---|---|
committer | Zero~Informatique | 2020-01-30 17:24:08 +0100 |
commit | e86fd09f406bae45be9176784c6092b2469224c4 (patch) | |
tree | 7e96025a7313016fa88b9c13838ad9b3a5542db1 /viewer/src/views/GalleryPicture.vue | |
parent | 76af6cffce939ef3c9a0952e6f7adc234e92f782 (diff) | |
download | ldgallery-e86fd09f406bae45be9176784c6092b2469224c4.tar.gz |
viewer: picture display improvements
Diffstat (limited to 'viewer/src/views/GalleryPicture.vue')
-rw-r--r-- | viewer/src/views/GalleryPicture.vue | 4 |
1 files changed, 3 insertions, 1 deletions
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> |