floating header and scroll fade cleanup

[moehdotdev]

what changed

header now floats over content

• the header bar (z-[10]) changed from relative with a fixed min-height to absolute top-0 left-0 with no background, so it sits on top of the scroll container instead of pushing content down
• bg-background removed from the header so it's transparent by default
• bg-background also removed from BreadcrumbWithCustomSeparator's wrapper for the same reason
• scroll container top padding adjusted to pt-16 (non-pdf routes) and pt-12 (pdf route) to compensate for the now-overlapping header, so content doesn't start hidden underneath it

scroll fade simplified

• the top-of-scroll gradient was previously conditional it was skipped entirely on pdf routes. now it always renders
• gradient changed from from-background from-25% to a three-stop from-background from-10% via-background/55 via-55% to-transparent which gives a softer, more gradual fade and works better over the floating header
• gradient div changed from sticky -top-12 ... -mb-32 (a sticky trick to keep it in the flow) to absolute top-0 left-0 which is simpler and doesn't affect scroll layout
• rounded-tl-lg added to match the main content area's corner

youtube embed dialog

• padding adjusted to pb-2.5 px-4 so the dialog content has tighter, more balanced spacing

before

now

the old header was part of the document flow, which meant the scroll container had to account for its height explicitly and the sticky gradient trick was needed to cover the gap. making the header absolutely positioned simplifies this: the scroll container owns the full height, the header floats above it, and the gradient naturally covers the header area as you scroll.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
notevo	Building	Preview, Comment	May 18, 2026 4:46pm