Mobile Screen 54 (#47)

README.md

@@ -91,8 +91,8 @@ flutter build apk
 |  | | <img src="art/screenshots/page_51.png" width="200"/> | <img src="art/screenshots/page_52.png" width="200"/> |
 
 | Page 53  | Page 54 | Page 55 | Page 56 |
-| ------------- | ------------- | ------------- | ------------- |
-|  | | | |
+| ------------- |------------------------------------------------------| ------------- | ------------- |
+|  | <img src="art/screenshots/page_54.png" width="200"/> | | |
 
 | Page 57  | Page 58 | Page 59 | Page 60 |
 | ------------- | ------------- | ------------- | ------------- |

lib/src/mobile_ui/54/page_54.dart

@@ -0,0 +1,81 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:go_router/go_router.dart';
+
+class Page54 extends StatelessWidget {
+  const Page54({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Colors.white,
+      body: SafeArea(
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            GestureDetector(
+              onTap: () {
+                context.pop();
+              },
+              child: Container(
+                width: 146.w,
+                height: 146.w,
+                margin: EdgeInsets.only(bottom: 29.h, top: 117.h),
+                decoration: BoxDecoration(color: Color(0xffC4C4C4), shape: BoxShape.circle),
+              ),
+            ),
+            Center(
+              child: Container(
+                width: 146.w,
+                height: 20.h,
+                margin: EdgeInsets.only(bottom: 94.h),
+                decoration: BoxDecoration(
+                    color: Color(0xffC4C4C4),
+                    borderRadius: BorderRadius.circular(50.r),
+                    shape: BoxShape.rectangle),
+              ),
+            ),
+            Center(
+              child: Container(
+                width: 342.w,
+                height: 51.h,
+                margin: EdgeInsets.only(bottom: 20.h),
+                decoration: BoxDecoration(
+                    color: Color(0xffC4C4C4),
+                    borderRadius: BorderRadius.circular(50.r),
+                    shape: BoxShape.rectangle),
+              ),
+            ),
+            Center(
+              child: Container(
+                width: 342.w,
+                height: 51.h,
+                decoration: BoxDecoration(
+                    color: Color(0xffC4C4C4),
+                    borderRadius: BorderRadius.circular(50.r),
+                    shape: BoxShape.rectangle),
+              ),
+            ),
+            Spacer(),
+            GestureDetector(
+              onTap: () {
+                context.pop();
+              },
+              child: Center(
+                child: Container(
+                  width: 342.w,
+                  height: 51.h,
+                  margin: EdgeInsets.only(bottom: 20.h),
+                  decoration: BoxDecoration(
+                      color: Color(0xffA8A8A8),
+                      borderRadius: BorderRadius.circular(50.r),
+                      shape: BoxShape.rectangle),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/src/mobile_ui/root/root.dart

@@ -304,6 +304,13 @@ class RootWidget extends StatelessWidget {
                 },
               ),
 
+              PageButtonWidget(
+                page: 54,
+                onPressed: () {
+                  context.push("/${MobileRoutes.pg54}");
+                },
+              ),
+
               _RangeHeader(text: "101 -150"),
 
               _RangeHeader(text: "151 -160"),

lib/src/mobile_ui/routes/routes.dart

@@ -51,6 +51,14 @@ class MobileRoutes {
   static const pg51 = "pg51";
   static const pg52 = "pg52";
 
+  static const pg54 = "pg54";
+  static const pg55 = "pg55";
+  static const pg56 = "pg56";
+  static const pg57 = "pg57";
+  static const pg58 = "pg58";
+  static const pg59 = "pg59";
+  static const pg60 = "pg60";
+
   /// 61 - 80
 
   /// 81 - 100

lib/src/navigation/new_routes.dart

@@ -24,6 +24,7 @@ import 'package:flutter_ui_kit_obkm/src/mobile_ui/35/page_35.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/4/page4.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/49/page_49.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/5/page5.dart';
+import 'package:flutter_ui_kit_obkm/src/mobile_ui/54/page_54.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/6/page6.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/7/page7.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/8/page8.dart';
@@ -252,6 +253,34 @@ var newRoutesConfig = GoRouter(
           path: MobileRoutes.pg52,
           builder: (BuildContext context, GoRouterState state) => const Page52(),
         ),
+        GoRoute(
+          path: MobileRoutes.pg54,
+          builder: (BuildContext context, GoRouterState state) => const Page54(),
+        ),
+        GoRoute(
+          path: MobileRoutes.pg55,
+          builder: (BuildContext context, GoRouterState state) => const SizedBox(),
+        ),
+        GoRoute(
+          path: MobileRoutes.pg56,
+          builder: (BuildContext context, GoRouterState state) => const SizedBox(),
+        ),
+        GoRoute(
+          path: MobileRoutes.pg57,
+          builder: (BuildContext context, GoRouterState state) => const SizedBox(),
+        ),
+        GoRoute(
+          path: MobileRoutes.pg58,
+          builder: (BuildContext context, GoRouterState state) => const SizedBox(),
+        ),
+        GoRoute(
+          path: MobileRoutes.pg59,
+          builder: (BuildContext context, GoRouterState state) => const SizedBox(),
+        ),
+        GoRoute(
+          path: MobileRoutes.pg60,
+          builder: (BuildContext context, GoRouterState state) => const SizedBox(),
+        ),
 
         /// 141 - 160
         GoRoute(