Compare commits

...

4 Commits

Author SHA1 Message Date
ae429302bb restore 'fix onboarding design' 2025-12-05 13:53:46 +01:00
1f3de3df26 Merge remote-tracking branch 'origin/develop' into onboarding_screen
# Conflicts:
#	modules/auth/lib/src/onboarding/presentation/onboarding_screen.dart
2025-12-05 12:49:46 +01:00
baef98a443 fix onboarding titles design 2025-12-04 16:58:07 +01:00
b8bb3e65c2 fix onboarding design 2025-12-04 16:56:43 +01:00
3 changed files with 37 additions and 40 deletions

View File

@@ -41,7 +41,7 @@ class OnboardingScreen extends ConsumerWidget {
} }
return Scaffold( return Scaffold(
backgroundColor: Colors.white, backgroundColor: Color(0xFFF7F7F7),
body: Padding( body: Padding(
padding: const EdgeInsets.symmetric(horizontal: 24), padding: const EdgeInsets.symmetric(horizontal: 24),
child: Column( child: Column(
@@ -64,9 +64,9 @@ class OnboardingScreen extends ConsumerWidget {
StepIndicator( StepIndicator(
current: state.cardIndex + 1, current: state.cardIndex + 1,
total: onboardingPages.length, total: onboardingPages.length,
color: const Color(0xFF4A4A4A), color: const Color(0xFF4B4B4B),
), ),
const SizedBox(height: 38), const SizedBox(height: 48),
Container( Container(
padding: const EdgeInsets.symmetric(horizontal: 24), padding: const EdgeInsets.symmetric(horizontal: 24),
width: double.infinity, width: double.infinity,
@@ -75,7 +75,7 @@ class OnboardingScreen extends ConsumerWidget {
style: TextButton.styleFrom( style: TextButton.styleFrom(
backgroundColor: isLast backgroundColor: isLast
? const Color(0xFF329E95) ? const Color(0xFF329E95)
: const Color(0xFF333333), : const Color(0xFF4B4B4B),
foregroundColor: Colors.white, foregroundColor: Colors.white,
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
vertical: 16, vertical: 16,
@@ -108,7 +108,7 @@ class OnboardingScreen extends ConsumerWidget {
child: Text( child: Text(
context.translate(I18n.skip), context.translate(I18n.skip),
style: TextStyle( style: TextStyle(
color: Color(0xFF333333), color: Color(0xFF4B4B4B),
decoration: TextDecoration.underline, decoration: TextDecoration.underline,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
fontSize: 18, fontSize: 18,
@@ -117,7 +117,7 @@ class OnboardingScreen extends ConsumerWidget {
), ),
), ),
), ),
const SizedBox(height: 48), const SizedBox(height: 36),
], ],
), ),
), ),

View File

@@ -16,37 +16,34 @@ class OnboardingContent extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Padding( return Column(
padding: const EdgeInsets.symmetric(horizontal: 16), mainAxisAlignment: MainAxisAlignment.center,
child: Column( children: [
mainAxisAlignment: MainAxisAlignment.center, Flexible(flex: 3, child: SvgPicture.asset(image)),
children: [ const SizedBox(height: 48),
Flexible(flex: 3, child: SvgPicture.asset(image)), Text(
const SizedBox(height: 48), context.translate(title),
Text( textAlign: TextAlign.center,
context.translate(title), style: const TextStyle(
textAlign: TextAlign.center, fontWeight: FontWeight.w700,
style: const TextStyle( fontSize: 30,
fontWeight: FontWeight.w700, height: 1.25,
fontSize: 28, letterSpacing: 0,
height: 1.4, color: Color(0xFF4B4B4B),
letterSpacing: 0.3,
color: Color(0xFF4A4A4A),
),
), ),
const SizedBox(height: 16), ),
Text( const SizedBox(height: 16),
context.translate(subtitle), Text(
textAlign: TextAlign.center, context.translate(subtitle),
style: const TextStyle( textAlign: TextAlign.center,
fontSize: 18, style: const TextStyle(
height: 1.4, fontSize: 18,
letterSpacing: 0.3, height: 1.5,
color: Color(0xFF9B9B9B), letterSpacing: 0,
), color: Color(0xFF4B4B4B),
), ),
], ),
), ],
); );
} }
} }

View File

@@ -1,10 +1,10 @@
{ {
"example": "ejemplo", "example": "ejemplo",
"onboardingTitle1": "Aprende a gestionar su dinero", "onboardingTitle1": "Aprende a \ngestionar su dinero",
"onboardingSubtitle1": "Tu peque crea hábitos y se divierte mientras lo hace", "onboardingSubtitle1": "Tu peque crea hábitos y se \ndivierte mientras lo hace",
"onboardingTitle2": "Tranquilidad en cada pago que hacen", "onboardingTitle2": "Tranquilidad en \ncada pago que hace",
"onboardingSubtitle2": "Supervisa sus gastos, fija límites y acompáñalos en cada paso", "onboardingSubtitle2": "Supervisa sus gastos, fija límites \ny acompáñale en cada paso",
"onboardingTitle3": "Pagos fáciles y seguros en sus manos", "onboardingTitle3": "Pagos fáciles y seguros, en sus manos",
"onboardingSubtitle3": "Podrá pagar desde su reloj.\nSin móvil ni efectivo", "onboardingSubtitle3": "Podrá pagar desde su reloj.\nSin móvil ni efectivo",
"start": "Comenzar", "start": "Comenzar",
"next": "Siguiente", "next": "Siguiente",