Update background image positioning in multiple components: Change background image class from 'absolute' to 'fixed' in AdminPage, ChallengesSection, and BackgroundSection for improved layout consistency.
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 19m39s

This commit is contained in:
Julien Froidefond
2025-12-17 13:39:50 +01:00
parent 85ee812ab1
commit 4fcf34c9aa
3 changed files with 3 additions and 3 deletions

View File

@@ -26,7 +26,7 @@ export default async function AdminPage() {
<main className="min-h-screen bg-black relative"> <main className="min-h-screen bg-black relative">
{/* Background Image */} {/* Background Image */}
<div <div
className="absolute inset-0 bg-cover bg-center bg-no-repeat" className="fixed inset-0 bg-cover bg-center bg-no-repeat"
style={{ style={{
backgroundImage: `url('/got-light.jpg')`, backgroundImage: `url('/got-light.jpg')`,
}} }}

View File

@@ -140,7 +140,7 @@ export default function ChallengesSection({
<section className="relative w-full min-h-screen flex flex-col items-center overflow-hidden pt-24 pb-16"> <section className="relative w-full min-h-screen flex flex-col items-center overflow-hidden pt-24 pb-16">
{/* Background Image */} {/* Background Image */}
<div <div
className="absolute inset-0 bg-cover bg-center bg-no-repeat" className="fixed inset-0 bg-cover bg-center bg-no-repeat"
style={{ style={{
backgroundImage: `url('${backgroundImage}')`, backgroundImage: `url('${backgroundImage}')`,
}} }}

View File

@@ -22,7 +22,7 @@ export default function BackgroundSection({
> >
{/* Background Image */} {/* Background Image */}
<div <div
className="absolute inset-0 bg-cover bg-center bg-no-repeat" className="fixed inset-0 bg-cover bg-center bg-no-repeat"
style={{ style={{
backgroundImage: `url('${backgroundImage}')`, backgroundImage: `url('${backgroundImage}')`,
}} }}