266: Added option to disable the space between the header and the body when using heroStyle: background

This commit is contained in:
Anton Antonov 2022-11-20 15:14:18 +02:00
parent a79219a6aa
commit f4b919681e
2 changed files with 4 additions and 0 deletions

View file

@ -45,6 +45,7 @@ enableCodeCopy = true
showHero = true
heroStyle = "basic" # valid options: basic, big, background
layoutBackgroundBlur = false # only used when heroStyle equals background
layoutBackgroundMoreSpaceBetweenHeaderAndBody = true # only used when heroStyle equals background
showBreadcrumbs = true
showDraftLabel = true
showEdit = true
@ -65,6 +66,7 @@ enableCodeCopy = true
[list]
#showHero = true
#heroStyle = "background" # valid options: basic, big, background
#layoutBackgroundMoreSpaceBetweenHeaderAndBody = true # only used when heroStyle equals background
showBreadcrumbs = false
showSummary = false
#showViews = true

View file

@ -4,7 +4,9 @@
{{- if not $featured }}{{ with .Site.Params.defaultBackgroundImage }}{{ $featured = resources.Get . }}{{ end }}{{ end -}}
{{- with $featured -}}
{{ with .Resize "1200x" }}
{{ if $.Site.Params.article.layoutBackgroundMoreSpaceBetweenHeaderAndBody | default true }}
<div id="hero" class="h-[150px] md:h-[200px]"></div>
{{ end }}
<div class="fixed inset-x-0 top-0 h-[800px] single_hero_background nozoom"
style="background-image:url({{ .RelPermalink }});">
<div class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">