CCCHH/ccchh-website
CCCHH/ccchh-website
3
3
Fork 3
Code Issues 5 Pull requests 9 Activity Actions

fix header image of blog posts sometimes being clipped
All checks were successful
/ build (pull_request) Successful in 40s
Details

Browse source
This commit is contained in:
lilly 2026-05-23 15:10:43 +02:00
commit d94b6f74dd
Signed by: lilly
SSH key fingerprint: SHA256:y9T5GFw2A20WVklhetIxG1+kcg/Ce0shnQmbu1LQ37g
2 changed files with 16 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

13
themes/ccchh/assets/sass/main.scss
View file

@ -454,12 +454,17 @@ div.nav-aside {
margin: 15px var(--block-spacing-horizontal); margin: 15px var(--block-spacing-horizontal);
} }
.image-container {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
img { img {
padding: 15px var(--block-spacing-horizontal); padding: 15px var(--block-spacing-horizontal);
width: 100%; max-width: 100%;
height: 25cqw; max-height: 100%;
object-fit: cover; }
object-position: top;
} }
} }

4
themes/ccchh/layouts/partials/blog-header.html
View file

@ -46,8 +46,10 @@
{{- end }} {{- end }}
</div> </div>
{{- if isset .Params "header" }} {{- if isset .Params "header" }}
<div class="image-container">
{{- $img := .Resources.GetMatch .Params.header.image }} {{- $img := .Resources.GetMatch .Params.header.image }}
<img class="container" src="{{ $img.RelPermalink }}" alt="{{ .Params.header.caption }}" /> <img src="{{ $img.RelPermalink }}" alt="{{ .Params.header.caption }}" />
{{- end }} {{- end }}
</div>
</header> </header>
{{- end }} {{- end }}