Make landing navigation sticky
This commit is contained in:
parent
a844b61ded
commit
5f1364f0dd
@ -110,8 +110,8 @@ export default function Starter() {
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<header className="relative z-20 px-5 pt-7">
|
||||
<div className={`mx-auto flex max-w-6xl items-center justify-between gap-5 px-7 py-5 ${ui.navShell}`}>
|
||||
<header className="sticky top-4 z-50 px-5 pt-7">
|
||||
<div className={`mx-auto flex max-w-6xl items-center justify-between gap-5 px-5 py-4 backdrop-blur-xl md:px-7 md:py-5 ${ui.navShell}`}>
|
||||
<Link href="/" className="flex items-center gap-3 text-lg font-semibold tracking-tight">
|
||||
<span className="flex h-11 w-11 items-center justify-center rounded-2xl bg-[#f3fbf8] text-2xl font-black text-[#35b7a5]">
|
||||
C
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user