diff --git a/app/globals.css b/app/globals.css index 1e80cf6..75cbeb1 100644 --- a/app/globals.css +++ b/app/globals.css @@ -57,24 +57,22 @@ body { .bg-wallpaper { background-image: url('./assets/images/wallpapersite_resultat.webp'); background-size: cover; - background-position: center center; + background-position: center; background-repeat: no-repeat; min-height: 100vh; - min-width: 100vw; - width: 100%; - height: 100%; + width: 100vw; /* 🔥 Assure que le wallpaper couvre TOUT l’écran */ + min-width: 100vw; /* 🔥 Évite qu’il soit tronqué sur les grandes pages */ } + @media (max-width: 768px) { .bg-wallpaper { - background-size: cover; /* Ajuste pour que l’image soit totalement visible */ - background-position: center; - width: 100vw; - min-height: 100vh; - height: auto; + width: 200vw; /* 🔥 Étend le wallpaper sur toute la largeur disponible */ + min-width: 200vw; /* 🔥 Évite qu’il soit limité par le contenu */ } } + html, body { width: 100%; height: 100%; @@ -102,4 +100,10 @@ footer { footer { padding: 12px; } +} + +@media (max-width: 768px) { + .max-w-7xl { + max-width: 100%; + } } \ No newline at end of file diff --git a/app/layout.tsx b/app/layout.tsx index 58ae6df..472523c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -65,7 +65,7 @@ export default function RootLayout({ children }) { {/* Menu mobile */} {isMenuOpen && ( -