GKaszewski/thoughts
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: wrap background image in fixed div so it stays put on scroll

Browse Source
This commit is contained in:
Gabriel Kaszewski
2026-05-16 15:03:41 +02:00
parent b02f3c73e3
commit 82778c82dd
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
thoughts-frontend/app/layout.tsx
View File

@@ -53,14 +53,16 @@ export default function RootLayout({
return ( return (
<html lang="en"> <html lang="en">
<body className={`${frutiger.className} antialiased`}> <body className={`${frutiger.className} antialiased`}>
<Image <div className="fixed inset-0 -z-10">
src="/bg1.avif" <Image
alt="" src="/bg1.avif"
fill alt=""
priority fill
quality={85} priority
className="fixed inset-0 -z-10 object-cover object-center" quality={85}
/> className="object-cover object-center"
/>
</div>
<AuthProvider> <AuthProvider>
<Header /> <Header />
<main className="flex-1">{children}</main> <main className="flex-1">{children}</main>