access management design revamp, responsiveness and buttons

lib/pages/common/text_field/custom_text_field.dart

@@ -8,7 +8,7 @@ class StatefulTextField extends StatefulWidget {
     this.hintText = 'Please enter',
     required this.width,
     this.elevation = 0,
-    required this.controller, // Add the controller
+    required this.controller,
   });
 
   final String title;
@@ -59,7 +59,8 @@ class CustomTextField extends StatelessWidget {
         Text(
           title,
           style: context.textTheme.bodyMedium!.copyWith(
-            fontWeight: FontWeight.w600,
+            fontSize: 13,
+            fontWeight: FontWeight.w400,
             color: const Color(0xff000000),
           ),
         ),
@@ -79,6 +80,7 @@ class CustomTextField extends StatelessWidget {
               style: const TextStyle(color: Colors.black),
               decoration: InputDecoration(
                 hintText: hintText,
+                hintStyle: const TextStyle(fontSize: 12),
                 contentPadding:
                     const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
                 border: InputBorder.none,

lib/pages/common/text_field/custom_web_textfield.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:syncrow_web/utils/color_manager.dart';
+import 'package:syncrow_web/utils/extension/build_context_x.dart';
 import 'package:syncrow_web/utils/style.dart';
 
 class CustomWebTextField extends StatelessWidget {
@@ -11,6 +12,7 @@ class CustomWebTextField extends StatelessWidget {
     this.description,
     this.validator,
     this.hintText,
+    this.height,
   });
 
   final bool isRequired;
@@ -19,6 +21,7 @@ class CustomWebTextField extends StatelessWidget {
   final TextEditingController? controller;
   final String? Function(String?)? validator;
   final String? hintText;
+  final double? height;
 
   @override
   Widget build(BuildContext context) {
@@ -66,6 +69,7 @@ class CustomWebTextField extends StatelessWidget {
           height: 7,
         ),
         Container(
+          height: height ?? 35,
           decoration: containerDecoration
               .copyWith(color: const Color(0xFFF5F6F7), boxShadow: [
             BoxShadow(
@@ -80,9 +84,9 @@ class CustomWebTextField extends StatelessWidget {
             controller: controller,
             style: const TextStyle(color: Colors.black),
             decoration: textBoxDecoration()!.copyWith(
-                errorStyle:
-                    const TextStyle(height: 0), // Hide the error text space
-
+                errorStyle: const TextStyle(height: 0),
+                hintStyle: context.textTheme.titleSmall!
+                    .copyWith(color: Colors.grey, fontSize: 12),
                 hintText: hintText ?? 'Please enter'),
           ),
         ),