formularios fondo azul

lib/src/screens/profile_web.dart

@@ -249,38 +249,35 @@ class _ProfileWebScreenState extends State<ProfileWebScreen> {
     String city = _ciudad.toString();
 
     return Scaffold(
+      backgroundColor: const Color(0xFFD6F4FF),
       appBar: PopAppbar(
           onPressed: () {
             Navigator.pop(context);
           },
           label: 'Perfil'),
-      body: SingleChildScrollView(
+      body: Center(
-        reverse: true,
+        child: SizedBox(
-        child: Center(
+          width: 300,
+          height: 550,
+          child: Card(
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(10),
+            ),
+            color: Colors.white,
+            child: Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 20.0),
+              child: Form(
+                key: _formKey,
                 child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  mainAxisAlignment: MainAxisAlignment.center,
                   children: [
                     Container(
-                padding: const EdgeInsets.only(top: 20),
+                      padding: const EdgeInsets.only(top: 20, bottom: 20),
                       child: (selectedImagInBytes != null)
                           ? LocalPhotoWeb(file: selectedImagInBytes)
                           : ReferencePhotoWeb(ref: storage.ref().child(_photo)),
                     ),
-              // Padding(
-              //   padding: const EdgeInsets.symmetric(vertical: 10),
-              //   child: ElevatedButton.icon(
-              //     onPressed: () {
-              //       _selectFile(true);
-              //     },
-              //     icon: const Icon(Icons.image),
-              //     label: const Text('Elige una imagen'),
-              //   ),
-              // ),
-              Container(
-                width: 300,
-                child: Form(
-                  key: _formKey,
-                  child: Column(
-                    children: [
                     TextFormField(
                       controller: _nameController,
                       maxLength: 50,
@@ -451,7 +448,6 @@ class _ProfileWebScreenState extends State<ProfileWebScreen> {
                 ),
               ),
             ),
-            ],
           ),
         ),
       ),

lib/src/screens/service.dart

@@ -210,34 +210,32 @@ class _ServiceScreenState extends State<ServiceScreen> {
   Widget build(BuildContext context) {
     if (kIsWeb) {
       return Scaffold(
+        backgroundColor: const Color(0xFFD6F4FF),
         drawer: DrawerMenu(),
         appBar: AppBar(
             elevation: 0,
-          title: Row(
+            title: const Text(
-            children: [
-              Container(
-                padding: const EdgeInsets.only(right: 10),
-                decoration: const BoxDecoration(
-                  border: Border(
-                    right: BorderSide(
-                      color: Colors.white,
-                      width: 1.0,
-                    ),
-                  ),
-                ),
-                child: const Text(
               'Prosapp',
+              style: TextStyle(
+                color: Colors.white,
+                fontSize: 20,
               ),
-              ),
+            )),
-            ],
-          ), // Texto del título
-        ),
         body: Center(
-          child: Container(
+          child: SizedBox(
             width: 300,
+            height: 470,
+            child: Card(
+              shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(10),
+              ),
+              color: Colors.white,
+              child: Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 20.0),
                 child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  mainAxisAlignment: MainAxisAlignment.center,
                   children: [
-                const SizedBox(height: 20.0),
                     TextFormField(
                       controller: _ubicationController,
                       readOnly: true,
@@ -298,7 +296,8 @@ class _ServiceScreenState extends State<ServiceScreen> {
 
                               if (ubicacion == 'sitio') {
                                 professionalAddress = profesional.realAddress;
-                            _ubicationController.text = profesional.realAddress;
+                                _ubicationController.text =
+                                    profesional.realAddress;
                                 latUser = profesional.latitude;
                                 lngUser = profesional.longitude;
                               }
@@ -390,7 +389,7 @@ class _ServiceScreenState extends State<ServiceScreen> {
                           prefixIcon: Icon(Icons.message_outlined),
                           hintText: 'Observaciones'),
                     ),
-                const SizedBox(height: 20.0),
+                    const SizedBox(height: 40.0),
                     ElevatedButton(
                       onPressed: () {
                         if (user?.name == null ||
@@ -432,7 +431,9 @@ class _ServiceScreenState extends State<ServiceScreen> {
                                 latUser,
                                 lngUser,
                                 'pendiente',
-                            professionalTarifa == 0 ? 0 : professionalTarifa,
+                                professionalTarifa == 0
+                                    ? 0
+                                    : professionalTarifa,
                                 false,
                                 false,
                               )
@@ -479,6 +480,8 @@ class _ServiceScreenState extends State<ServiceScreen> {
                 ),
               ),
             ),
+          ),
+        ),
       );
     }