update gallery styles

This commit is contained in:
madrilene 2025-01-11 09:34:21 +01:00
parent ed7305b54c
commit 9af51772a0
2 changed files with 6 additions and 1 deletions

View file

@ -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>

View file

@ -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;