feat: make sticky header
This commit is contained in:
parent
62a03749e7
commit
12cfeeda18
|
|
@ -68,7 +68,7 @@ export default function GlowEffect({ children, id }: { children: React.ReactNode
|
||||||
`}</style>
|
`}</style>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<div id={id} className="flex items-center justify-center p-4">
|
<div id={id} className="flex items-center justify-center p-4 scroll-mt-50">
|
||||||
<div className="email-form-wrapper relative isolate max-w-lg w-full mx-auto p-[2px] rounded-xl">
|
<div className="email-form-wrapper relative isolate max-w-lg w-full mx-auto p-[2px] rounded-xl">
|
||||||
{children}
|
{children}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -48,7 +48,7 @@ export default function RootLayout({
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<header className="relative z-10 border-b border-white/10 backdrop-blur-sm">
|
<header className="sticky top-0 z-10 bg-slate-900/80 backdrop-blur-md border-b border-white/5">
|
||||||
<nav className="max-w-7xl mx-auto px-6 py-3 flex justify-between items-center h-16">
|
<nav className="max-w-7xl mx-auto px-6 py-3 flex justify-between items-center h-16">
|
||||||
<div className="h-full flex items-center">
|
<div className="h-full flex items-center">
|
||||||
<Image
|
<Image
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue