Fix object fitting for images

This commit is contained in:
Bastian Allgeier
2023-12-05 13:24:42 +01:00
parent 122d28dbcb
commit 87ad81aeb9
2 changed files with 8 additions and 3 deletions

View File

@@ -26,7 +26,6 @@ if ($block->location()->value() === 'web') {
?>
<?php if ($src): ?>
<figure>
<?php snippet('image', [
'alt' => $alt,
'contain' => $block->crop()->isFalse(),

View File

@@ -1,12 +1,18 @@
<?php
$attrs = attr([
'data-contain' => $contain ?? false,
'data-lightbox' => $lightbox ?? false,
'href' => $href ?? $src,
]);
?>
<a <?= $attrs ?>>
<img src="<?= esc($src, 'attr') ?>" alt="<?= esc($alt, 'attr') ?>" style="aspect-ratio: <?= $ratio ?? 'auto' ?>">
<img
src="<?= esc($src, 'attr') ?>"
alt="<?= esc($alt, 'attr') ?>"
style="
aspect-ratio: <?= $ratio ?? 'auto' ?>;
object-fit: <?= ($contain ?? false) ? 'contain' : 'cover' ?>
"
>
</a>