create visitor password

lib/pages/common/custom_table.dart

@@ -0,0 +1,103 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_web/utils/color_manager.dart';
+
+class DynamicTable extends StatelessWidget {
+  final List<String> headers;
+  final List<List<dynamic>> data;
+  final BoxDecoration? headerDecoration;
+  final BoxDecoration? cellDecoration;
+  final Size size;
+
+  const DynamicTable({
+    Key? key,
+    required this.headers,
+    required this.data,
+    required this.size,
+    this.headerDecoration,
+    this.cellDecoration,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+
+      decoration: cellDecoration,
+      child: Padding(
+        padding: const EdgeInsets.all(10.0),
+        child: ListView(
+          scrollDirection: Axis.horizontal,
+          children: [
+            Container(
+              width:size.width,
+              child: Column(
+                children: [
+                  Container(
+                    decoration: headerDecoration ??
+                        BoxDecoration(color: Colors.grey[200]),
+                    child: Row(
+                      children: headers.map((header) =>
+                          _buildTableHeaderCell(header)).toList(),
+                    ),
+                  ),
+                  Expanded(
+                    child: Container(
+                      color: Colors.white,
+                      child: ListView(
+                        shrinkWrap: true,
+                        children: data.map((row) {
+                          return Row(
+                            children: row.map((cell) =>
+                                _buildTableCell(cell.toString())).toList(),
+                          );
+                        }).toList(),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+Widget _buildTableHeaderCell(String title) {
+  return Expanded(
+    child: Container(
+      decoration: const BoxDecoration(
+          border: Border.symmetric(
+              vertical: BorderSide(color: ColorsManager.boxDivider))),
+      alignment: Alignment.centerLeft,
+      child: Padding(
+        padding: const EdgeInsets.all(8.0),
+        child: Text(title, style: TextStyle(fontWeight: FontWeight.bold)),
+      ),
+    ),
+  );
+}
+
+Widget _buildTableCell(String content) {
+  return Expanded(
+    child: Container(
+      height: 80,
+      padding: const EdgeInsets.all(20.0),
+      decoration: const BoxDecoration(
+          border: Border(
+            bottom: BorderSide( //                   <--- right side
+              color:  ColorsManager.boxDivider,
+              width: 1.0,
+            ),
+          )
+      ),
+      alignment: Alignment.centerLeft,
+      child: Text(
+        content,
+        style: TextStyle(color: Colors.black, fontSize: 12),
+      ),
+    ),
+  );
+}
+
+
+

lib/pages/common/custom_web_textfield.dart

@@ -29,8 +29,7 @@ class CustomWebTextField extends StatelessWidget {
             if(isRequired)
             Row(
               children: [
-                Text(
-                  '* ',
+                Text('* ',
                   style: Theme.of(context)
                       .textTheme
                       .bodyMedium!
@@ -39,6 +38,7 @@ class CustomWebTextField extends StatelessWidget {
                 Text(textFieldName),
               ],
             ),
+            const SizedBox(width: 10,),
             Text(
             description??'',  // ' The password will be sent to the visitor’s email address.',
               style: Theme.of(context)
@@ -53,7 +53,17 @@ class CustomWebTextField extends StatelessWidget {
         ),
         const SizedBox(height: 7,),
         Container(
-          decoration: containerDecoration,
+          height: MediaQuery.of(context).size.height*0.05,
+          decoration: containerDecoration.copyWith(
+            color: const Color(0xFFF5F6F7),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.grey.withOpacity(0.3),
+                spreadRadius:2,
+                blurRadius: 3,
+                offset: Offset(1, 1), // changes position of shadow
+              ),            ]
+          ),
           child: TextFormField(
             controller: controller,
             style: const TextStyle(color: Colors.black),