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" />
<!-- You can insert your own image assets here -->
<!-- <item>
<item>
<bitmap
android:gravity="center"
android:src="@mipmap/launch_image" />
</item> -->
android:src="@mipmap/splash" />
</item>
</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" />
<!-- You can insert your own image assets here -->
<!-- <item>
<item>
<bitmap
android:gravity="center"
android:src="@mipmap/launch_image" />
</item> -->
android:src="@mipmap/splash" />
</item>
</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> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
return SafeArea(
child: Scaffold(
resizeToAvoidBottomInset: false,
backgroundColor: const Color.fromARGB(255, 186, 237, 255),
body: Stack(
children: [
Container(
color: Color.fromARGB(
255, 179, 247, 252), // Establece el color de fondo
child: SizedBox(
width: 270.0,
child: Image(image: AssetImage('images/logo_prosapp.png'))),
margin: const EdgeInsets.only(top: 300),
width: double.infinity,
height: 600,
decoration: const BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topRight: Radius.circular(40),
topLeft: Radius.circular(40))),
),
Container(
color: Colors.white, // Establece el color de fondo
child: Column(
children: [
const Padding(
padding: EdgeInsets.only(
left: 16.0), // Ajusta el valor según sea necesario
margin: const EdgeInsets.only(top: 100, left: 50, right: 50),
child: const Image(image: AssetImage('images/logo_prosapp.png')),
),
Container(
padding: const EdgeInsets.symmetric(horizontal: 0, vertical: 20),
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(
alignment: Alignment.topLeft,
child: Text(
'Iniciar sesión',
style: TextStyle(
fontSize: 40.0,
fontWeight: FontWeight.bold,
child: Text('Numero de celular',
style:
TextStyle(fontSize: 25.0, color: Colors.black38)),
)),
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),
child: TextField(
decoration: InputDecoration(
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.blue),
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)),
),
),
RichText(
text: const TextSpan(
style: TextStyle(fontSize: 16.0, color: Colors.black38),
children: [
TextSpan(text: 'No estas registrado? '),
TextSpan(
text: 'Registrarse',
style: TextStyle(
color: Color.fromARGB(255, 23, 189, 231))),
],
),
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))),
],
),
)
],
),
)
]),
),
],
)),
),
));
}
}