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

2026-05-16 15:03:41 +02:00
parent b02f3c73e3
commit 82778c82dd
1 changed files with 10 additions and 8 deletions
--- a/thoughts-frontend/app/layout.tsx
+++ b/thoughts-frontend/app/layout.tsx
@@ -53,14 +53,16 @@ export default function RootLayout({
  return (
    <html lang="en">
      <body className={`${frutiger.className} antialiased`}>
-        <Image
-          src="/bg1.avif"
-          alt=""
-          fill
-          priority
-          quality={85}
-          className="fixed inset-0 -z-10 object-cover object-center"
-        />
+        <div className="fixed inset-0 -z-10">
+          <Image
+            src="/bg1.avif"
+            alt=""
+            fill
+            priority
+            quality={85}
+            className="object-cover object-center"
+          />
+        </div>
        <AuthProvider>
          <Header />
          <main className="flex-1">{children}</main>