Added optimizations for mobile

This commit is contained in:
2026-02-08 15:27:44 +01:00
parent f1e9e3f8d4
commit da2e32d004
28 changed files with 1667 additions and 1075 deletions

View File

@@ -11,25 +11,26 @@ export default async function LoginPage() {
}
return (
<div className="min-h-screen flex items-center justify-center bg-cwhite">
<div className="w-full max-w-lg bg-white rounded-3xl shadow-lg py-8 px-12">
<div className="min-h-screen flex items-center justify-center bg-cwhite px-4 sm:px-6 lg:px-8 py-8 sm:py-12">
<div className="w-full max-w-lg bg-white rounded-2xl sm:rounded-3xl shadow-lg py-6 sm:py-8 px-6 sm:px-8 md:px-12">
{/* Logo */}
<div className="flex justify-center mb-6">
<div className="flex justify-center mb-4 sm:mb-6">
<Image
src="/logo.svg"
alt="MAD Logo"
width={120}
height={120}
width={100}
height={100}
className="w-20 h-20 sm:w-24 sm:h-24 md:w-[120px] md:h-[120px]"
priority
/>
</div>
{/* Heading */}
<div className="text-center mb-6">
<h2 className="text-2xl font-bold text-gray-900 mb-2">
<div className="text-center mb-5 sm:mb-6">
<h2 className="text-xl sm:text-2xl font-bold text-gray-900 mb-2">
Content de vous revoir
</h2>
<p className="text-sm text-gray-600">
<p className="text-xs sm:text-sm text-gray-600 px-2">
Connectez-vous pour accéder à la plateforme.
</p>
</div>
@@ -38,7 +39,7 @@ export default async function LoginPage() {
<LoginForm />
{/* Footer */}
<div className="mt-8 text-center text-xs text-gray-500">
<div className="mt-6 sm:mt-8 text-center text-[10px] sm:text-xs text-gray-500 px-2">
© {new Date().getFullYear()} MAD - <a href="https://legouix.dev" target="_blank" className="text-lblue hover:text-dblue">Propulsé par LGX</a>
</div>
</div>