From 9af51772a0b58d362430d3428bb17c4030f219e3 Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Sat, 11 Jan 2025 09:34:21 +0100
Subject: [PATCH] update gallery styles

---
 src/_includes/partials/gallery.njk | 2 +-
 src/assets/css/bundle/gallery.css  | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/_includes/partials/gallery.njk b/src/_includes/partials/gallery.njk
index f658bf5..03b3e75 100644
--- a/src/_includes/partials/gallery.njk
+++ b/src/_includes/partials/gallery.njk
@@ -1,5 +1,5 @@
 <is-land on:idle>
-  <div class="gallery | grid mt-l-xl" role="list" style="--grid-min-item-size: clamp(16rem, 50vw, 20rem)">
+  <div class="gallery | grid mt-l-xl" role="list">
     {%- for item in gallery -%}
       <dialog class="flow modal{{ loop.index }}">
         <button class="button" autofocus>Close</button>
diff --git a/src/assets/css/bundle/gallery.css b/src/assets/css/bundle/gallery.css
index eb86d38..a7bf27f 100644
--- a/src/assets/css/bundle/gallery.css
+++ b/src/assets/css/bundle/gallery.css
@@ -8,6 +8,11 @@
   cursor: pointer;
 }
 
+.gallery dialog + button img {
+  aspect-ratio: 1;
+  object-fit: cover;
+}
+
 /* Don't indicate interactivity without JS */
 is-land:not(:defined) .gallery dialog + button {
   cursor: default;