Merge pull request #544 from nunocoracao/512-new-header-menu-with-base-background-color

 New header menu with base background color
This commit is contained in:
Nuno Coração 2023-02-25 18:48:44 +00:00 committed by GitHub
commit 2780cef17a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 10 additions and 4 deletions

View file

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

View file

@ -24,7 +24,7 @@ smartTOC = true
smartTOCHideUnfocusedChildren = true
[header]
layout = "fixed" # valid options: basic, fixed
layout = "fixed" # valid options: basic, fixed, fixed-fill
[footer]
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 |
| --------------- | --------- | --------------------------------------------------------------------------------- |
| `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
| 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="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 class="relative max-w-[64rem] ml-auto mr-auto">
{{ partial "partials/header/basic.html" . }}