mirror of
https://github.com/nunocoracao/blowfish.git
synced 2026-10-10 22:09:31 +00:00
Nuno CoraçãoandClaude Fable 5
a89d96e4dd
The fixed wrappers relied on their static position resolving to y=0 as direct flex children of body; the header landmark added in #3048 made that position fall below the spacer. Set top-0 on all fixed variants. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
19 lines
894 B
HTML
19 lines
894 B
HTML
<div class="min-h-[148px]"></div>
|
|
<div
|
|
class="fixed top-0 inset-x-0 min-h-[130px] opacity-65 bg-gradient-to-b from-neutral from-60% dark:from-neutral-800 to-transparent mix-blend-normal z-80"></div>
|
|
<div class="fixed top-0 inset-x-0 z-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 m-auto leading-7 max-w-7xl px-6 sm:px-14 md:px-24 lg:px-32">
|
|
{{ partial "header/basic.html" . }}
|
|
</div>
|
|
</div>
|
|
{{ $backgroundBlur := resources.Get "js/background-blur.js" }}
|
|
{{ $backgroundBlur = $backgroundBlur | resources.Minify | resources.Fingerprint (.Site.Params.fingerprintAlgorithm | default "sha512") }}
|
|
<script
|
|
type="text/javascript"
|
|
src="{{ $backgroundBlur.RelPermalink }}"
|
|
integrity="{{ $backgroundBlur.Data.Integrity }}"
|
|
data-blur-id="menu-blur"></script>
|