wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update gallery styles

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/partials/gallery.njk
View file

@ -1,5 +1,5 @@
<is-land on:idle> <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 -%} {%- for item in gallery -%}
<dialog class="flow modal{{ loop.index }}"> <dialog class="flow modal{{ loop.index }}">
<button class="button" autofocus>Close</button> <button class="button" autofocus>Close</button>

5
src/assets/css/bundle/gallery.css
View file

@ -8,6 +8,11 @@
cursor: pointer; cursor: pointer;
} }
.gallery dialog + button img {
aspect-ratio: 1;
object-fit: cover;
}
/* Don't indicate interactivity without JS */ /* Don't indicate interactivity without JS */
is-land:not(:defined) .gallery dialog + button { is-land:not(:defined) .gallery dialog + button {
cursor: default; cursor: default;