Pong/lib/pong_menu.dart

@@ -1,65 +1,65 @@
-import 'package:flutter/material.dart';
+import 'package:flutter/material.dart';
-
+
-class PongMenu extends StatelessWidget {
+class PongMenu extends StatelessWidget {
-  // Constructor to initialize the PongMenu with required properties
+  // Constructor to initialize the PongMenu with required properties
-  const PongMenu({
+  const PongMenu({
-    super.key,
+    super.key,
-    required this.title,
+    required this.title,
-    required this.subTitle,
+    required this.subTitle,
-    required this.child,
+    required this.child,
-  });
+  });
-
+
-  final String title;
+  final String title;
-  final String subTitle;
+  final String subTitle;
-  final Widget child;
+  final Widget child;
-
+
-  @override
+  @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context) {
-    // Get the size of the screen
+    // Get the size of the screen
-    final mq = MediaQuery.of(context).size;
+    final mq = MediaQuery.of(context).size;
-    // Calculate the height and width of the dialog
+    // Calculate the height and width of the dialog
-    final dialogHeight = mq.height * 0.4;
+    final dialogHeight = mq.height * 0.4;
-    final dialogWidth = mq.width * 0.8;
+    final dialogWidth = mq.width * 0.8;
-
+
-    // Return a custom-styled Dialog with specified properties
+    // Return a custom-styled Dialog with specified properties
-    return Dialog(
+    return Dialog(
-      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
-      elevation: 0,
+      elevation: 0,
-      backgroundColor: Colors.transparent,
+      backgroundColor: Colors.transparent,
-      child: Container(
+      child: Container(
-        width: dialogWidth,
+        width: dialogWidth,
-        height: dialogHeight,
+        height: dialogHeight,
-        decoration: BoxDecoration(
+        decoration: BoxDecoration(
-          color: const Color.fromARGB(255, 33, 33, 33),
+          color: const Color.fromARGB(255, 33, 33, 33),
-          borderRadius: BorderRadius.circular(25),
+          borderRadius: BorderRadius.circular(25),
-        ),
+        ),
-        child: Column(
+        child: Column(
-          mainAxisSize: MainAxisSize.max,
+          mainAxisSize: MainAxisSize.max,
-          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-          children: [
+          children: [
-            // Display the title with custom styling
+            // Display the title with custom styling
-            Text(
+            Text(
-              title,
+              title,
-              style: const TextStyle(
+              style: const TextStyle(
-                fontSize: 30,
+                fontSize: 30,
-                fontWeight: FontWeight.bold,
+                fontWeight: FontWeight.bold,
-                color: Colors.white,
+                color: Colors.white,
-              ),
+              ),
-            ),
+            ),
-            // Display the subTitle with custom styling
+            // Display the subTitle with custom styling
-            Text(
+            Text(
-              subTitle,
+              subTitle,
-              style: const TextStyle(
+              style: const TextStyle(
-                fontSize: 30,
+                fontSize: 30,
-                fontWeight: FontWeight.bold,
+                fontWeight: FontWeight.bold,
-                color: Colors.white,
+                color: Colors.white,
-              ),
+              ),
-            ),
+            ),
-            // Display the child widget
+            // Display the child widget
-            child,
+            child,
-          ],
+          ],
-        ),
+        ),
-      ),
+      ),
-    );
+    );
-  }
+  }
-}
+}