diff options
| author | Eltrac <hi@guhub.cn> | 2025-06-13 16:06:41 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-06-13 16:06:41 +0800 |
| commit | 94a990d5f5d32af374b8cb275f275ae52a9a3fe8 (patch) | |
| tree | 6649261e98d1594cf2537775cc9b157302247b64 /layouts/_default/_markup/render-image.html | |
| parent | 75cc4a5e8c68c7c02a1f9bd6f9262a1688f41302 (diff) | |
fix: image caption being wider than image
Use `position: absolute` for `<figcaption>`, not affecting the container's width. Also rewrite `<figure>` `<figcaption>` style.
Former-commit-id: bc02375be7268edc78f4a00badc4b2292cc1a96f
Diffstat (limited to 'layouts/_default/_markup/render-image.html')
| -rw-r--r-- | layouts/_default/_markup/render-image.html | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html index 697c33c2..c1f2aa89 100644 --- a/layouts/_default/_markup/render-image.html +++ b/layouts/_default/_markup/render-image.html @@ -1,16 +1,16 @@ {{- $src := .Destination -}} {{- $alt := .Text | default "" -}} {{- $caption := .Title | default "" -}} -<figure> - <a href="{{ $src }}" data-fancybox data-caption="{{ $alt }}"> - <img - class="lazy" loading="lazy" - src="{{ $src }}" alt="{{ $alt }}" - /> - </a> - {{- if $caption }} - <figcaption> - <h4>{{ $caption | markdownify }}</h4> - </figcaption> - {{- end }} -</figure> +<a href="{{ $src }}" data-fancybox data-caption="{{ $caption }}"> + <figure> + <img + class="lazy" loading="lazy" + src="{{ $src }}" alt="{{ $alt }}" + /> + {{- if $caption }} + <figcaption> + <h4>{{ $caption | markdownify }}</h4> + </figcaption> + {{- end }} + </figure> +</a> |