From 10239ffe8357d336dcbc40feca26314c0fed3b74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Tue, 14 Apr 2026 15:17:20 +0200
Subject: [PATCH] feat: center banner image with fixed-height cover strip

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 layouts/posts/single.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index 62fd1fa..8712e92 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -72,12 +72,12 @@
 {{- $bannerImg := .Resources.GetMatch "banner.png" -}}
 {{- if not $bannerImg -}}{{- $bannerImg = .Resources.GetMatch "01.png" -}}{{- end -}}
 {{- if $bannerImg -}}
-<div class="w-full overflow-hidden mb-16 md:mb-24" style="max-height: 75vh">
-  {{- partial "img.html" (dict "res" $bannerImg "widths" (slice 1200 1800) "sizes" "100vw" "class" "w-full object-cover" "alt" .Title "loading" "eager") -}}
+<div class="w-full overflow-hidden mb-16 md:mb-24" style="height: clamp(320px, 60vh, 75vh)">
+  {{- partial "img.html" (dict "res" $bannerImg "widths" (slice 1200 1800) "sizes" "100vw" "class" "w-full h-full object-cover object-center" "alt" .Title "loading" "eager") -}}
 </div>
 {{- else -}}{{- with .Params.banner -}}
-<div class="w-full overflow-hidden mb-16 md:mb-24" style="max-height: 75vh">
-  {{- partial "media.html" (dict "media" . "class" "w-full h-full object-cover" "lazy" false) -}}
+<div class="w-full overflow-hidden mb-16 md:mb-24" style="height: clamp(320px, 60vh, 75vh)">
+  {{- partial "media.html" (dict "media" . "class" "w-full h-full object-cover object-center" "lazy" false) -}}
 </div>
 {{- end -}}{{- end -}}