From bc02375be7268edc78f4a00badc4b2292cc1a96f Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Fri, 13 Jun 2025 16:06:41 +0800
Subject: fix: image caption being wider than image

Use `position: absolute` for `<figcaption>`, not affecting the container's width. Also rewrite `<figure>` `<figcaption>` style.
---
 layouts/_default/_markup/render-image.html | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

(limited to 'layouts/_default/_markup/render-image.html')

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>
-- 
cgit v1.2.3