feat: center banner image with fixed-height cover strip
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -72,12 +72,12 @@
|
|||||||
{{- $bannerImg := .Resources.GetMatch "banner.png" -}}
|
{{- $bannerImg := .Resources.GetMatch "banner.png" -}}
|
||||||
{{- if not $bannerImg -}}{{- $bannerImg = .Resources.GetMatch "01.png" -}}{{- end -}}
|
{{- if not $bannerImg -}}{{- $bannerImg = .Resources.GetMatch "01.png" -}}{{- end -}}
|
||||||
{{- if $bannerImg -}}
|
{{- if $bannerImg -}}
|
||||||
<div class="w-full overflow-hidden mb-16 md:mb-24" style="max-height: 75vh">
|
<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 object-cover" "alt" .Title "loading" "eager") -}}
|
{{- 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>
|
</div>
|
||||||
{{- else -}}{{- with .Params.banner -}}
|
{{- else -}}{{- with .Params.banner -}}
|
||||||
<div class="w-full overflow-hidden mb-16 md:mb-24" style="max-height: 75vh">
|
<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" "lazy" false) -}}
|
{{- partial "media.html" (dict "media" . "class" "w-full h-full object-cover object-center" "lazy" false) -}}
|
||||||
</div>
|
</div>
|
||||||
{{- end -}}{{- end -}}
|
{{- end -}}{{- end -}}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user