diff options
| author | Francesco Tomaselli <tomaselli.fr@gmail.com> | 2025-04-01 11:22:01 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-04-01 11:22:01 +0200 |
| commit | 0899dedab457e6f9ad2f56091d5f7f292019be26 (patch) | |
| tree | a3a8d7d15430493c40c63b7fad0cbb6f547877f1 /layouts/_default | |
| parent | 41ea8e970a4563d8cb7529b212742bdca5d519ad (diff) | |
| parent | 8e50f5c421b5b44ad33e325e67efc92c64264e72 (diff) | |
Merge pull request #102 from runofthemillgeek/fix/aspect-ratio-layout-shift
Fix layout shifts by preserving aspect-ratio at responsive sizes
Diffstat (limited to 'layouts/_default')
| -rw-r--r-- | layouts/_default/_markup/render-image.html | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html index e6a5c39..a1bc158 100644 --- a/layouts/_default/_markup/render-image.html +++ b/layouts/_default/_markup/render-image.html @@ -46,7 +46,7 @@ and build the img class string as "img-tag1 img-tag2 ..." {{/* Use the computed classes on the rendered figure */}} <figure class="{{ $classes }}"> - <div> + <div class="img-container" {{ with $imgResource }}style="--w: {{ .Width }}; --h: {{ .Height }};"{{ end }}> <img loading="lazy" alt="{{ .Text }}" src="{{ $url }}" {{ with $imgResource }}width="{{ .Width }}" height="{{ .Height }}"{{ end }}> </div> |