wkadmin/the-tip-top-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: apply homepage design style to login and register pages

Browse Source 
Updated login and register pages with homepage branding:
- Dark green gradient background (from-[#1a3d2e] to-[#2d5a45])
- Semi-transparent white card (bg-white/95 backdrop-blur-sm)
- Enhanced shadow for depth (shadow-2xl)
- Brand color for titles (#1a3d2e)
- Consistent with homepage visual identity

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
soufiane 2025-11-18 23:02:41 +01:00
parent 85b952ed24
commit c14f40607a
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/login/page.tsx
View File

@ -77,8 +77,8 @@ export default function LoginPage() {
};
return (
<div className="min-h-[calc(100vh-4rem)] flex items-center justify-center py-12 px-4">
<Card className="w-full max-w-md p-8">
<div className="min-h-screen bg-gradient-to-b from-[#1a3d2e] to-[#2d5a45] flex items-center justify-center py-12 px-4">
<Card className="w-full max-w-md p-8 bg-white/95 backdrop-blur-sm shadow-2xl">
<div className="text-center mb-8">
<div className="flex justify-center mb-6">
<Image
@ -89,7 +89,7 @@ export default function LoginPage() {
priority
/>
</div>
<h1 className="text-3xl font-bold text-gray-900 mb-2">Connexion</h1>
<h1 className="text-3xl font-bold text-[#1a3d2e] mb-2">Connexion</h1>
<p className="text-gray-600">
Connectez-vous pour participer au jeu-concours
</p>

6
app/register/page.tsx
View File

@ -35,8 +35,8 @@ export default function RegisterPage() {
};
return (
<div className="min-h-[calc(100vh-4rem)] flex items-center justify-center py-12">
<Card className="w-full max-w-md p-8">
<div className="min-h-screen bg-gradient-to-b from-[#1a3d2e] to-[#2d5a45] flex items-center justify-center py-12 px-4">
<Card className="w-full max-w-md p-8 bg-white/95 backdrop-blur-sm shadow-2xl">
<div className="text-center mb-8">
<div className="flex justify-center mb-6">
<Image
@ -47,7 +47,7 @@ export default function RegisterPage() {
priority
/>
</div>
<h1 className="text-3xl font-bold text-gray-900 mb-2">Inscription</h1>
<h1 className="text-3xl font-bold text-[#1a3d2e] mb-2">Inscription</h1>
<p className="text-gray-600">
Créez un compte pour participer au jeu-concours
</p>