usite-sas-bic/prosappweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mejora de diseño

Browse Source
This commit is contained in:
Juan Felipe Duarte
2023-03-27 11:23:30 -05:00
parent 5e76777cc8
commit 8d815be8dc
9 changed files with 106 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
android/app/src/main/res/drawable-v21/launch_background.xml
+3 -3
View File
@@ -4,9 +4,9 @@
<item android:drawable="?android:colorBackground" /> <item android:drawable="?android:colorBackground" />
<!-- You can insert your own image assets here --> <!-- You can insert your own image assets here -->
<!-- <item> <item>
<bitmap <bitmap
android:gravity="center" android:gravity="center"
android:src="@mipmap/launch_image" /> android:src="@mipmap/splash" />
</item> --> </item>
</layer-list> </layer-list>
android/app/src/main/res/drawable/launch_background.xml
+3 -3
View File
@@ -4,9 +4,9 @@
<item android:drawable="@android:color/white" /> <item android:drawable="@android:color/white" />
<!-- You can insert your own image assets here --> <!-- You can insert your own image assets here -->
<!-- <item> <item>
<bitmap <bitmap
android:gravity="center" android:gravity="center"
android:src="@mipmap/launch_image" /> android:src="@mipmap/splash" />
</item> --> </item>
</layer-list> </layer-list>
android/app/src/main/res/mipmap-hdpi/ic_launcher.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 544 B

After

Width:  |  Height:  |  Size: 348 KiB

android/app/src/main/res/mipmap-mdpi/ic_launcher.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 442 B

After

Width:  |  Height:  |  Size: 348 KiB

android/app/src/main/res/mipmap-mdpi/splash.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 721 B

After

Width:  |  Height:  |  Size: 348 KiB

android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 348 KiB

android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 348 KiB

lib/src/screens/login.dart
+100 -100
View File
@@ -13,119 +13,119 @@ class LoginScreen extends StatefulWidget {
class _LoginScreenState extends State<LoginScreen> { class _LoginScreenState extends State<LoginScreen> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return SafeArea(
body: SafeArea( child: Scaffold(
child: Center( resizeToAvoidBottomInset: false,
child: Column( backgroundColor: const Color.fromARGB(255, 186, 237, 255),
mainAxisAlignment: MainAxisAlignment.spaceBetween, body: Stack(
children: [ children: [
Container( Container(
color: Color.fromARGB( margin: const EdgeInsets.only(top: 300),
255, 179, 247, 252), // Establece el color de fondo width: double.infinity,
child: SizedBox( height: 600,
width: 270.0, decoration: const BoxDecoration(
child: Image(image: AssetImage('images/logo_prosapp.png'))), color: Colors.white,
borderRadius: BorderRadius.only(
topRight: Radius.circular(40),
topLeft: Radius.circular(40))),
), ),
Container( Container(
color: Colors.white, // Establece el color de fondo margin: const EdgeInsets.only(top: 100, left: 50, right: 50),
child: Column( child: const Image(image: AssetImage('images/logo_prosapp.png')),
children: [ ),
const Padding( Container(
padding: EdgeInsets.only( padding: const EdgeInsets.symmetric(horizontal: 0, vertical: 20),
left: 16.0), // Ajusta el valor según sea necesario margin: const EdgeInsets.only(top: 300, left: 30, right: 50),
child: Column(children: const [
Align(
alignment: Alignment.topLeft,
child: Text(
'Iniciar sesión',
style: TextStyle(
fontSize: 40.0,
fontWeight: FontWeight.bold,
),
),
),
]),
),
Container(
padding: const EdgeInsets.symmetric(horizontal: 0, vertical: 20),
margin: const EdgeInsets.only(top: 400, left: 50, right: 50),
child: Column(children: [
const Padding(
padding: EdgeInsets.only(bottom: 5),
child: Align( child: Align(
alignment: Alignment.topLeft, alignment: Alignment.topLeft,
child: Text( child: Text('Numero de celular',
'Iniciar sesión', style:
style: TextStyle( TextStyle(fontSize: 25.0, color: Colors.black38)),
fontSize: 40.0, )),
fontWeight: FontWeight.bold, const Padding(
padding: EdgeInsets.only(bottom: 10),
child: TextField(
decoration: InputDecoration(
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.black12),
borderRadius: BorderRadius.all(
Radius.circular(20.0),
)),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(
color: Color.fromARGB(255, 214, 214, 214)),
borderRadius: BorderRadius.all(
Radius.circular(20.0),
)),
hintText: '3163225944',
fillColor: Color.fromARGB(255, 239, 239, 239),
filled: true,
prefixIcon: Icon(Icons.phone_android_outlined)),
),
),
const Padding(
padding: EdgeInsets.only(bottom: 100),
child: Text('Un código sera enviado a este numero de celular',
textAlign: TextAlign.center,
style: TextStyle(fontSize: 15.0, color: Colors.black38)),
),
Padding(
padding: const EdgeInsets.only(left: 20, right: 20, bottom: 20),
child: Container(
padding: const EdgeInsets.all(15),
decoration: const BoxDecoration(
color: Color.fromARGB(255, 34, 211, 255),
borderRadius: BorderRadius.all(
Radius.circular(20.0),
)),
child: const Center(
child: Center(
child: Text(
'Enviar código',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w900,
fontSize: 22),
), ),
), ),
), ),
), ),
const Padding( ),
padding: EdgeInsets.symmetric(horizontal: 25.0), RichText(
child: TextField( text: const TextSpan(
decoration: InputDecoration( style: TextStyle(fontSize: 16.0, color: Colors.black38),
enabledBorder: OutlineInputBorder( children: [
borderSide: BorderSide(color: Colors.blue), TextSpan(text: 'No estas registrado? '),
borderRadius: BorderRadius.all( TextSpan(
Radius.circular(20.0), text: 'Registrarse',
)), style: TextStyle(
focusedBorder: OutlineInputBorder( color: Color.fromARGB(255, 23, 189, 231))),
borderSide: BorderSide( ],
color: Color.fromARGB(255, 214, 214, 214)),
borderRadius: BorderRadius.all(
Radius.circular(20.0),
)),
hintText: '3163225944',
fillColor: Color.fromARGB(255, 239, 239, 239),
filled: true,
prefixIcon: Icon(Icons.phone_android_outlined)),
),
), ),
const Text('Un código sera enviado a este numero de celular'), )
ElevatedButton( ]),
onPressed: () {
final provider =
Provider.of<GoogleSignProvider>(context, listen: false);
provider.googleLogin();
},
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(
15), // Establece el radio de los bordes
),
),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
FaIcon(FontAwesomeIcons.google), // Icono del botón
SizedBox(width: 5), // Espacio entre el icono y el texto
Text('Entrar con Google'), // Texto del botón
],
),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 80.0),
child: Container(
padding: const EdgeInsets.all(15),
decoration: const BoxDecoration(
color: Color.fromARGB(255, 34, 211, 255),
borderRadius: BorderRadius.all(
Radius.circular(20.0),
)),
child: const Center(
child: Center(
child: Text(
'Enviar código',
style: TextStyle(
color: Colors.white,
fontWeight: FontWeight.w900,
fontSize: 22),
),
),
),
),
),
RichText(
text: const TextSpan(
style: TextStyle(fontSize: 16.0, color: Colors.black54),
children: [
TextSpan(text: 'No estas registrado? '),
TextSpan(
text: 'Registrarse',
style: TextStyle(
color: Color.fromARGB(255, 23, 189, 231))),
],
),
)
],
),
), ),
], ],
)), ),
)); ));
} }
} }