add responsive web

lib/page/forgot_password/forgot_password.dart

@@ -4,8 +4,10 @@ import 'package:flutter/material.dart';
 import 'package:tour_travel_agr/helper/components_widget/custom_appbar.dart';
 import 'package:tour_travel_agr/helper/components_widget/widget_button.dart';
 import 'package:tour_travel_agr/helper/components_widget/widget_text_field.dart';
+import 'package:tour_travel_agr/helper/widget_responsive.dart';
 import 'package:tour_travel_agr/resource/assets.dart';
 import 'package:tour_travel_agr/resource/colors.dart';
+import 'package:tour_travel_agr/resource/routes.dart';
 import 'package:tour_travel_agr/resource/size.dart';
 import 'package:tour_travel_agr/resource/style.dart';
 
@@ -35,7 +37,15 @@ class _ForgotPasswordViewState extends State<ForgotPasswordView> {
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: ColorManager.backgroundColor,
-      body: Stack(
+      body: ScreenResponsive(
+        widget: bodyWidget(context),
+        widthScreen: MediaQuery.of(context).size.width,
+      ),
+    );
+  }
+
+  Stack bodyWidget(BuildContext context) {
+    return Stack(
       children: [
         Positioned(
           top: 0,
@@ -137,6 +147,10 @@ class _ForgotPasswordViewState extends State<ForgotPasswordView> {
                         colorButton: (!buttonActive) ? Colors.grey : null,
                         onTap: () {
                           // TODO: dosomething here
+                          if (buttonActive) {
+                            Navigator.pushNamed(
+                                context, Routes.resetPasswordRoute);
+                          }
                         },
                       )
                     ],
@@ -147,7 +161,6 @@ class _ForgotPasswordViewState extends State<ForgotPasswordView> {
           ),
         ),
       ],
-      ),
     );
   }
 }

lib/page/reset_password/reset_password.dart

@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:tour_travel_agr/helper/components_widget/custom_appbar.dart';
 import 'package:tour_travel_agr/helper/components_widget/password_input.dart';
 import 'package:tour_travel_agr/helper/components_widget/widget_button.dart';
-import 'package:tour_travel_agr/helper/components_widget/widget_text_field.dart';
+import 'package:tour_travel_agr/helper/widget_responsive.dart';
 import 'package:tour_travel_agr/resource/assets.dart';
 import 'package:tour_travel_agr/resource/colors.dart';
 import 'package:tour_travel_agr/resource/size.dart';
@@ -24,7 +24,15 @@ class _ResetPasswordViewState extends State<ResetPasswordView> {
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: ColorManager.backgroundColor,
-      body: Container(
+      body: ScreenResponsive(
+        widget: bodyWidget(context),
+        widthScreen: MediaQuery.of(context).size.width,
+      ),
+    );
+  }
+
+  Container bodyWidget(BuildContext context) {
+    return Container(
       padding: EdgeInsets.only(
         top: AppPadding.safeAreaTop(context),
         left: AppPadding.p20,
@@ -131,7 +139,6 @@ class _ResetPasswordViewState extends State<ResetPasswordView> {
           )
         ],
       ),
-      ),
     );
   }
 }