Modificação nos modos, correção de textos cortados
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_animate/flutter_animate.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
import '../../../../core/theme/app_colors.dart';
|
||||
import '../../../../core/theme/app_theme_extension.dart';
|
||||
import '../../../../l10n/app_localizations.dart';
|
||||
|
||||
class RoleSelectionPage extends StatefulWidget {
|
||||
@@ -22,12 +22,14 @@ class _RoleSelectionPageState extends State<RoleSelectionPage> {
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
colors: [
|
||||
Theme.of(context).colorScheme.background,
|
||||
Theme.of(context).colorScheme.primary.withOpacity(0.1),
|
||||
Theme.of(context).colorScheme.secondary.withOpacity(0.05),
|
||||
Theme.of(context).colorScheme.background,
|
||||
],
|
||||
colors: Theme.of(context).brightness == Brightness.dark
|
||||
? AppThemeExtras.of(context).authBackgroundGradient
|
||||
: [
|
||||
Theme.of(context).colorScheme.background,
|
||||
Theme.of(context).colorScheme.primary.withOpacity(0.1),
|
||||
Theme.of(context).colorScheme.secondary.withOpacity(0.05),
|
||||
Theme.of(context).colorScheme.background,
|
||||
],
|
||||
),
|
||||
),
|
||||
child: Stack(
|
||||
@@ -51,10 +53,12 @@ class _RoleSelectionPageState extends State<RoleSelectionPage> {
|
||||
width: 100,
|
||||
height: 100,
|
||||
decoration: BoxDecoration(
|
||||
gradient: const LinearGradient(
|
||||
gradient: LinearGradient(
|
||||
colors: [
|
||||
AppColors.gradientStart,
|
||||
AppColors.gradientEnd,
|
||||
AppThemeExtras.of(context)
|
||||
.actionCardGradientStart,
|
||||
AppThemeExtras.of(context)
|
||||
.actionCardGradientEnd,
|
||||
],
|
||||
begin: Alignment.topLeft,
|
||||
end: Alignment.bottomRight,
|
||||
@@ -62,9 +66,10 @@ class _RoleSelectionPageState extends State<RoleSelectionPage> {
|
||||
borderRadius: BorderRadius.circular(25),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: AppColors.primaryBlue.withOpacity(
|
||||
0.3,
|
||||
),
|
||||
color: Theme.of(context)
|
||||
.colorScheme
|
||||
.primary
|
||||
.withOpacity(0.3),
|
||||
blurRadius: 25,
|
||||
offset: const Offset(0, 10),
|
||||
),
|
||||
@@ -113,15 +118,14 @@ class _RoleSelectionPageState extends State<RoleSelectionPage> {
|
||||
const SizedBox(height: 12),
|
||||
|
||||
ShaderMask(
|
||||
shaderCallback: (bounds) =>
|
||||
const LinearGradient(
|
||||
colors: [
|
||||
AppColors.primaryTeal,
|
||||
AppColors.primaryOrange,
|
||||
],
|
||||
begin: Alignment.centerLeft,
|
||||
end: Alignment.centerRight,
|
||||
).createShader(bounds),
|
||||
shaderCallback: (bounds) => LinearGradient(
|
||||
colors: [
|
||||
Theme.of(context).colorScheme.primary,
|
||||
Theme.of(context).colorScheme.secondary,
|
||||
],
|
||||
begin: Alignment.centerLeft,
|
||||
end: Alignment.centerRight,
|
||||
).createShader(bounds),
|
||||
child: Text(
|
||||
AppLocalizations.of(context)!.schoolName,
|
||||
style: Theme.of(context).textTheme.bodyMedium
|
||||
@@ -172,7 +176,9 @@ class _RoleSelectionPageState extends State<RoleSelectionPage> {
|
||||
Text(
|
||||
'Selecione o seu papel para continuar',
|
||||
style: Theme.of(context).textTheme.bodyLarge
|
||||
?.copyWith(color: AppColors.primaryOrange),
|
||||
?.copyWith(
|
||||
color: Theme.of(context).colorScheme.secondary,
|
||||
),
|
||||
)
|
||||
.animate()
|
||||
.fadeIn(
|
||||
@@ -196,7 +202,7 @@ class _RoleSelectionPageState extends State<RoleSelectionPage> {
|
||||
'Aluno',
|
||||
Icons.school_outlined,
|
||||
'student',
|
||||
AppColors.gradientStart,
|
||||
Theme.of(context).colorScheme.primary,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
@@ -206,7 +212,7 @@ class _RoleSelectionPageState extends State<RoleSelectionPage> {
|
||||
'Professor',
|
||||
Icons.person_outline,
|
||||
'teacher',
|
||||
AppColors.gradientEnd,
|
||||
Theme.of(context).colorScheme.secondary,
|
||||
),
|
||||
),
|
||||
],
|
||||
@@ -233,12 +239,15 @@ class _RoleSelectionPageState extends State<RoleSelectionPage> {
|
||||
? _handleContinue
|
||||
: null,
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: AppColors.primaryBlue,
|
||||
foregroundColor: Colors.white,
|
||||
backgroundColor:
|
||||
Theme.of(context).colorScheme.primary,
|
||||
foregroundColor:
|
||||
Theme.of(context).colorScheme.onPrimary,
|
||||
elevation: 4,
|
||||
shadowColor: AppColors.primaryBlue.withOpacity(
|
||||
0.3,
|
||||
),
|
||||
shadowColor: Theme.of(context)
|
||||
.colorScheme
|
||||
.primary
|
||||
.withOpacity(0.3),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
),
|
||||
@@ -322,12 +331,14 @@ class _RoleSelectionPageState extends State<RoleSelectionPage> {
|
||||
end: Alignment.bottomRight,
|
||||
)
|
||||
: null,
|
||||
color: isSelected ? null : Colors.white,
|
||||
color: isSelected
|
||||
? null
|
||||
: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
border: Border.all(
|
||||
color: isSelected
|
||||
? gradientColor
|
||||
: AppColors.primaryBlue.withOpacity(0.2),
|
||||
: Theme.of(context).colorScheme.primary.withOpacity(0.2),
|
||||
width: isSelected ? 2 : 1,
|
||||
),
|
||||
boxShadow: [
|
||||
@@ -346,7 +357,9 @@ class _RoleSelectionPageState extends State<RoleSelectionPage> {
|
||||
Icon(
|
||||
icon,
|
||||
size: 48,
|
||||
color: isSelected ? Colors.white : AppColors.primaryBlue,
|
||||
color: isSelected
|
||||
? Colors.white
|
||||
: Theme.of(context).colorScheme.primary,
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Text(
|
||||
@@ -386,7 +399,7 @@ class _RoleSelectionPageState extends State<RoleSelectionPage> {
|
||||
width: 4,
|
||||
height: 4,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.gradientStart.withOpacity(0.3),
|
||||
color: Theme.of(context).colorScheme.primary.withOpacity(0.3),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user