feat: redesign auth layout and login view with ProsApp logo

- auth_layout: gradient header (mobile) / split panel (desktop)
- background_auth: gradient blue with network logo, tagline and feature list
- custom_title: network logo replacing local asset
- login_view: consistent UI matching phone_login_view (inputs, buttons,
  links to register/phone login, brand colors)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-06-25 17:02:03 -05:00
co-authored by Claude Sonnet 4.6
parent cc18246e1f
commit bf3c380e8e
4 changed files with 237 additions and 169 deletions
+19 -28
View File
@@ -1,38 +1,29 @@
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
class CustomTitle extends StatelessWidget {
const CustomTitle({
super.key,
});
const CustomTitle({super.key});
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
const SizedBox(height: 100), // Añade espacio arriba
Image.asset(
'logo.png',
width: 60,
height: 60,
return Column(
children: [
const SizedBox(height: 40),
Image.network(
'https://prosapp.co/img/logo_prosapp.png',
height: 52,
fit: BoxFit.contain,
errorBuilder: (_, __, ___) => const Text(
'ProsApp',
style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold, color: Color(0xFF42A4EF)),
),
const SizedBox(height: 40), // Mantiene el espacio entre el logo y el texto
FittedBox(
fit: BoxFit.contain,
child: Text(
"Iniciar sesión",
style: GoogleFonts.montserratAlternates(
fontSize: 30,
color: Colors.black,
fontWeight: FontWeight.bold,
),
),
)
],
),
),
const SizedBox(height: 8),
const Text(
'Conecta con los mejores profesionales',
style: TextStyle(color: Colors.grey, fontSize: 13),
),
const SizedBox(height: 32),
],
);
}
}