From 87ad81aeb98ec02bc30ebb9104e01eef2d8653f1 Mon Sep 17 00:00:00 2001
From: Bastian Allgeier <mail@bastianallgeier.com>
Date: Tue, 5 Dec 2023 13:24:42 +0100
Subject: [PATCH] Fix object fitting for images

---
 site/snippets/blocks/image.php |  1 -
 site/snippets/image.php        | 10 ++++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/site/snippets/blocks/image.php b/site/snippets/blocks/image.php
index ad408f4..353a5ab 100644
--- a/site/snippets/blocks/image.php
+++ b/site/snippets/blocks/image.php
@@ -26,7 +26,6 @@ if ($block->location()->value() === 'web') {
 ?>
 <?php if ($src): ?>
 <figure>
-
   <?php snippet('image', [
     'alt'      => $alt,
     'contain'  => $block->crop()->isFalse(),
diff --git a/site/snippets/image.php b/site/snippets/image.php
index 7ea5060..021d84b 100644
--- a/site/snippets/image.php
+++ b/site/snippets/image.php
@@ -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>