ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Make Module teaser apear the same way as before... (important for images with fixed height)

This commit is contained in:
Lorenz Padberg 2024-04-25 15:51:08 +02:00
parent 4ecd99a7b0
commit 77f0fbcce9
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/components/ui/WagtailImage.vue
View File

@ -14,7 +14,6 @@
:style="placeholderStyle"
v-show="!loaded"
></div>
</div>
</template>
@ -91,7 +90,6 @@ const isHighDensity = () => {
);
};
onMounted(updateDimensions);
</script>
@ -100,17 +98,17 @@ onMounted(updateDimensions);
.wagtail-image {
overflow: hidden;
height: 100%;
&__image {
width: 100%;
//height: 100%;
height: auto; /* Keep the image's aspect ratio intact */
height: 100%;
object-fit: cover;
object-position: center;
}
&__placeholder {
background-color: $color-silver-light;
}
}
</style>