Public/blowfish
1
0 Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2026-10-10 22:09:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Pin fixed headers to the viewport top explicitly

Browse Source 
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>
This commit is contained in:
Nuno CoraçãoandClaude Fable 5 committed 2026-08-16 22:59:56 +01:00
1 parent 13602159d4
commit a89d96e4dd
4 files changed
+5 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

layouts/partials/header/fixed-fill-blur.html
+1 -1
View File
@@ -1,5 +1,5 @@
<div class="min-h-[148px]"></div>
<div class="fixed inset-x-0 z-100">
<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 backdrop-saturate-220 backdrop-brightness-112 dark:backdrop-saturate-180 dark:backdrop-brightness-95 bg-primary-200/80 bg-linear-60 dark:bg-primary-800/30 shadow-xl"></div>
layouts/partials/header/fixed-fill.html
+1 -1
View File
@@ -1,5 +1,5 @@
<div class="min-h-[148px]"></div>
<div class="fixed inset-x-0 bg-neutral dark:bg-neutral-800 z-100">
<div class="fixed top-0 inset-x-0 bg-neutral dark:bg-neutral-800 z-100">
<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>
layouts/partials/header/fixed-gradient.html
+2 -2
View File
@@ -1,7 +1,7 @@
<div class="min-h-[148px]"></div>
<div
class="fixed 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 inset-x-0 z-100">
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>
layouts/partials/header/fixed.html
+1 -1
View File
@@ -1,5 +1,5 @@
<div class="min-h-[148px]"></div>
<div class="fixed inset-x-0 z-100">
<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 bg-neutral/25 dark:bg-neutral-800/25"></div>