New header menu with base background color

This commit is contained in:
Nuno Coração 2023-02-25 18:45:55 +00:00
parent 8f13df122e
commit adab0c27c6
5 changed files with 10 additions and 4 deletions

View file

@ -24,7 +24,7 @@ disableImageOptimization = false
# smartTOCHideUnfocusedChildren = true # smartTOCHideUnfocusedChildren = true
[header] [header]
layout = "basic" # valid options: basic, fixed layout = "basic" # valid options: basic, fixed, fixed-fill
[footer] [footer]
showMenu = true showMenu = true

View file

@ -24,7 +24,7 @@ smartTOC = true
smartTOCHideUnfocusedChildren = true smartTOCHideUnfocusedChildren = true
[header] [header]
layout = "fixed" # valid options: basic, fixed layout = "fixed-fill" # valid options: basic, fixed, fixed-fill
[footer] [footer]
showMenu = true showMenu = true

View file

@ -154,7 +154,7 @@ Many of the article defaults here can be overridden on a per article basis by sp
| Name | Default | Description | | Name | Default | Description |
| --------------- | --------- | --------------------------------------------------------------------------------- | | --------------- | --------- | --------------------------------------------------------------------------------- |
| `header.layout` | `"basic"` | Defines the header for the entire site, supported values are `basic` and `fixed`. | | `header.layout` | `"basic"` | Defines the header for the entire site, supported values are `basic`, `fixed`, and `fixed-fill`. |
### Footer ### Footer
| Name | Default | Description | | Name | Default | Description |

View file

@ -0,0 +1,6 @@
<div class="min-h-[148px]"></div>
<div class="fixed inset-x-0 pl-[24px] pr-[24px] bg-neutral dark:bg-neutral-800" style="z-index:100">
<div class="relative max-w-[64rem] ml-auto mr-auto">
{{ partial "partials/header/basic.html" . }}
</div>
</div>

View file

@ -1,5 +1,5 @@
<div class="min-h-[148px]"></div> <div class="min-h-[148px]"></div>
<div class="fixed inset-x-0 pl-[24px] pr-[24px] sbackdrop-blur-xl sshadown-2xl" style="z-index:100"> <div class="fixed inset-x-0 pl-[24px] pr-[24px]" style="z-index:100">
<div id="menu-blur" class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl"></div> <div id="menu-blur" class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl"></div>
<div class="relative max-w-[64rem] ml-auto mr-auto"> <div class="relative max-w-[64rem] ml-auto mr-auto">
{{ partial "partials/header/basic.html" . }} {{ partial "partials/header/basic.html" . }}