Ladebeze66/devsite
1
0
Fork 0
mirror of https://github.com/Ladebeze66/devsite.git synced 2025-12-13 12:46:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

responsive5

Browse Source
This commit is contained in:
Ladebeze66 2025-02-19 18:31:26 +01:00
parent a18f399ca8
commit c77249289b
2 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/globals.css
View File

@ -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%;
}
}

2
app/layout.tsx
View File

@ -65,7 +65,7 @@ export default function RootLayout({ children }) {
{/* Menu mobile */}
{isMenuOpen && (
<div ref={menuRef} className="fixed inset-0 bg-black/50 z-40 flex items-start justify-end p-4">
<div ref={menuRef} className="fixed inset-0 bg-black/50 z-40 flex items-start justify-left p-4">
<nav className="w-[60%] max-w-sm h-auto min-h-[50vh] max-h-[50vh] bg-gray-800/90 backdrop-blur-lg flex flex-col items-center justify-center space-y-4 z-50 md:hidden text-white font-orbitron-24-bold tracking-wide shadow-lg overflow-y-auto rounded-lg p-6">
{/* Bouton de fermeture */}
<button className="absolute top-4 right-4 text-2xl text-white" onClick={toggleMenu}>