login screen background and autofill hints

lib/pages/login_page.dart

@@ -10,11 +10,29 @@ class LoginPage extends StatelessWidget {
     final TextEditingController emailController = TextEditingController();
     final TextEditingController passwordController = TextEditingController();
     Size screenSize = MediaQuery.of(context).size;
-    double dialogWidth = screenSize.width > 400 ? 400 : screenSize.width;
+    double dialogWidth = screenSize.width > 300 ? 300 : screenSize.width;
-    return Scaffold(
+    return Stack(children: [
+      Image(
+        width: screenSize.width,
+        height: screenSize.height,
+        fit: BoxFit.cover,
+        image: const AssetImage(
+          'nekro_wallpaper.jpg',
+        ),
+      ),
+      Scaffold(
+        backgroundColor: Colors.transparent,
         body: Center(
-        child: SizedBox(
+          child: Container(
+            decoration: BoxDecoration(
+              color: Theme.of(context).dialogBackgroundColor,
+              backgroundBlendMode: BlendMode.luminosity,
+              borderRadius: BorderRadius.circular(10),
+            ),
+            height: 300,
             width: dialogWidth,
+            child: Padding(
+              padding: const EdgeInsets.all(10.0),
               child: Form(
                 child: Column(
                   mainAxisSize: MainAxisSize.max,
@@ -22,15 +40,24 @@ class LoginPage extends StatelessWidget {
                   children: [
                     TextFormField(
                       controller: emailController,
+                      autofillHints: const [
+                        'email',
+                        'username',
+                        'name',
+                        'login',
+                        'mail'
+                      ],
                       textInputAction: TextInputAction.next,
                       decoration: const InputDecoration(label: Text('Email')),
                     ),
                     const Padding(padding: EdgeInsets.symmetric(vertical: 8.0)),
                     TextFormField(
                       controller: passwordController,
+                      autofillHints: const ['password', 'pass', 'login'],
                       onFieldSubmitted: (value) => _loginSubmitted(
                           emailController.text, passwordController.text),
-                  decoration: const InputDecoration(label: Text('Password')),
+                      decoration:
+                          const InputDecoration(label: Text('Password')),
                     ),
                     const Padding(padding: EdgeInsets.symmetric(vertical: 8.0)),
                     FloatingActionButton.extended(
@@ -42,7 +69,9 @@ class LoginPage extends StatelessWidget {
               ),
             ),
           ),
-    );
+        ),
+      ),
+    ]);
   }
 
   void _loginSubmitted(String email, String password) {

pubspec.yaml

@@ -64,6 +64,7 @@ flutter:
   # To add assets to your application, add an assets section, like this:
   assets:
     - secrets.env
+    - assets/nekro_wallpaper.jpg
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware