From de6b008bfb9fe78f7b8a1c16605fe4a7699f5656 Mon Sep 17 00:00:00 2001 From: marcoabat Date: Mon, 7 Aug 2023 11:49:36 +0200 Subject: [PATCH] Login Screen ui changes --- lib/pages/login_page.dart | 46 ++++++++++++++++++++++++--------------- 1 file changed, 29 insertions(+), 17 deletions(-) diff --git a/lib/pages/login_page.dart b/lib/pages/login_page.dart index a2675db..a378805 100644 --- a/lib/pages/login_page.dart +++ b/lib/pages/login_page.dart @@ -9,25 +9,37 @@ class LoginPage extends StatelessWidget { Widget build(BuildContext context) { final TextEditingController emailController = TextEditingController(); final TextEditingController passwordController = TextEditingController(); + Size screenSize = MediaQuery.of(context).size; + double dialogWidth = screenSize.width > 400 ? 400 : screenSize.width; return Scaffold( - body: Form( - child: Column( - mainAxisSize: MainAxisSize.max, - mainAxisAlignment: MainAxisAlignment.center, - children: [ - TextFormField( - controller: emailController, - decoration: const InputDecoration(label: Text('Email')), + body: Center( + child: SizedBox( + width: dialogWidth, + child: Form( + child: Column( + mainAxisSize: MainAxisSize.max, + mainAxisAlignment: MainAxisAlignment.center, + children: [ + TextFormField( + controller: emailController, + textInputAction: TextInputAction.next, + decoration: const InputDecoration(label: Text('Email')), + ), + const Padding(padding: EdgeInsets.symmetric(vertical: 8.0)), + TextFormField( + controller: passwordController, + onFieldSubmitted: (value) => _loginSubmitted( + emailController.text, passwordController.text), + decoration: const InputDecoration(label: Text('Password')), + ), + const Padding(padding: EdgeInsets.symmetric(vertical: 8.0)), + FloatingActionButton.extended( + onPressed: () => _loginSubmitted( + emailController.text, passwordController.text), + label: const Text('Login')) + ], ), - TextFormField( - controller: passwordController, - decoration: const InputDecoration(label: Text('Password')), - ), - FloatingActionButton.extended( - onPressed: () => _loginSubmitted( - emailController.text, passwordController.text), - label: const Text('Login')) - ], + ), ), ), );