Use correct crop variant

This commit is contained in:
Björn Fromme
2022-08-19 16:01:30 +02:00
parent 4481ab0f56
commit 1e410c1cac
@@ -7,12 +7,12 @@
<f:alias map="{image: slide.image.0}"> <f:alias map="{image: slide.image.0}">
<f:if condition="{image}"> <f:if condition="{image}">
<picture> <picture>
<source srcset="{f:uri.image(image: image, width: '1370', cropVariant: 'sliderPageHeader')}" media="(min-width: 768px)"> <source srcset="{f:uri.image(image: image, width: '1370')}" media="(min-width: 768px)">
<source srcset="{f:uri.image(image: image, height: '320', cropVariant: 'sliderPageHeader')}" media="(max-width: 767px)"> <source srcset="{f:uri.image(image: image, height: '320', cropVariant: 'mobile')}" media="(max-width: 767px)">
<f:image class="block w-full h-full object-cover" <f:image class="block w-full h-full object-cover"
image="{image}" image="{image}"
height="320" height="320"
cropVariant="sliderPageHeader" cropVariant="mobile"
alt="{image.alternative}"/> alt="{image.alternative}"/>
</picture> </picture>
</f:if> </f:if>