Fix lazy loading images all being loaded when opening gallery (#534)

* Fix lazy loading images all being loaded when opening gallery

Because the lazy loaded image didn't have a limited height. Many
images would load anyway because they all fit in the parent box.
Giving them a minimal height with object-cover keeps them looking
good while limiting the amount that is lazy loaded.

* reduce the height to make the minimal images square
This commit is contained in:
Robert-Jan de Dreu
2025-02-25 09:24:58 +01:00
committed by GitHub
parent 58a594dc80
commit ee556f46e9
2 changed files with 6 additions and 1 deletions

View File

@@ -10,7 +10,7 @@
<div v-if="images.length > 1" class="column is-one-fifth sidebox">
<ul>
<li v-for="(image, index) in images" :key="index">
<img v-lazy="imageSrc(image.path)" @click="currentItem = image">
<img v-lazy="imageSrc(image.path)" @click="currentItem = image" class="image-lazy">
</li>
</ul>
</div>