From 702d85b9cad3e79a6dfc992e496c57830b79534b Mon Sep 17 00:00:00 2001
From: Darius Auding <Darius.auding@gmx.de>
Date: Sat, 16 Mar 2024 20:42:04 +0100
Subject: [PATCH] Try out centered gray label
---
sass/_utils.scss | 10 ++++++++++
templates/blog/post.html | 4 +++-
2 files changed, 13 insertions(+), 1 deletion(-)
diff --git a/sass/_utils.scss b/sass/_utils.scss
index e014bd98..f0455fc1 100644
--- a/sass/_utils.scss
+++ b/sass/_utils.scss
@@ -2,3 +2,13 @@
width: 70%;
height: 70%;
}
+
+.caption {
+ display: flex;
+ justify-content: center;
+ padding: 4px 10px 4px 10px;
+}
+
+.tag.caption {
+ width: 100%;
+}
diff --git a/templates/blog/post.html b/templates/blog/post.html
index 158ae6ff..e4c673bb 100644
--- a/templates/blog/post.html
+++ b/templates/blog/post.html
@@ -17,7 +17,9 @@
<img src="{{ image.url }}" alt="{{ post.extra.depiction.alt }}" />
</div>
{% if post.extra.depiction.credits %}
- <figcaption>{{ post.extra.depiction.credits }}</figcaption>
+ <div class="caption">
+ <figcaption class="tag is-rounded caption">{{ post.extra.depiction.credits }}</figcaption>
+ </div>
{% endif %}
</figure>
</div>
--
GitLab