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

responsive

Browse Source
This commit is contained in:
Ladebeze66 2025-02-19 15:50:11 +01:00
parent 62d93f5dcd
commit 6d2e96ec5f
5 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/main.css
View File

@ -100,7 +100,7 @@
@media (max-width: 768px) { @media (max-width: 768px) {
.bg-wallpaper { .bg-wallpaper {
background-size: auto 100%; background-size: auto 100%;
background-position: center center; background-position: center;
min-height: 100vh; min-height: 100vh;
min-width: 200vw; min-width: 200vw;
} }

2
app/components/Footer.jsx
View File

@ -10,7 +10,7 @@ export default function Footer() {
} }
return ( return (
<footer className="bg-white/50 backdrop-blur rounded-lg"> <footer className="bg-white/50 backdrop-blur rounded-lg min-h-[80px]">
<div className="max-w-4xl mx-auto flex flex-col items-center font-orbitron-12 py-6 text-sm text-gray-700"> <div className="max-w-4xl mx-auto flex flex-col items-center font-orbitron-12 py-6 text-sm text-gray-700">
<p>&copy; {new Date().getFullYear()} Gras-Calvet Fernand</p> <p>&copy; {new Date().getFullYear()} Gras-Calvet Fernand</p>
</div> </div>

2
app/contact/page.js
View File

@ -5,7 +5,7 @@ export default function ContactPage() {
const apiUrl = getApiUrl(); const apiUrl = getApiUrl();
return ( return (
<div className="max-w-3xl mx-auto p-6"> <div className="max-w-3xl mx-auto p-6 flex flex-col justify-top min-h-screen">
<h1 className="bg-white/50 rounded-md text-3xl font-orbitron-24-bold text-center mb-6 border-b-4 border-blue-500 pb-2"> <h1 className="bg-white/50 rounded-md text-3xl font-orbitron-24-bold text-center mb-6 border-b-4 border-blue-500 pb-2">
📬 Correspondance 📬 Correspondance
</h1> </h1>

23
app/globals.css
View File

@ -52,4 +52,27 @@ body {
.wait-animation .dot-3 { .wait-animation .dot-3 {
animation: blink 1s infinite 0.4s; animation: blink 1s infinite 0.4s;
}
/* Alignement général pour la mise en page */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 16px;
}
/* Gestion du footer */
footer {
text-align: center;
padding: 16px;
background-color: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(10px);
border-radius: 8px;
}
/* Responsive footer */
@media (max-width: 768px) {
footer {
padding: 12px;
}
} }

2
app/layout.tsx
View File

@ -64,7 +64,7 @@ export default function RootLayout({ children }) {
{/* Menu mobile */} {/* Menu mobile */}
{isMenuOpen && ( {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-center 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"> <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 */} {/* Bouton de fermeture */}
<button className="absolute top-4 right-4 text-2xl text-white" onClick={toggleMenu}> <button className="absolute top-4 right-4 text-2xl text-white" onClick={toggleMenu}>