Fix/overflows

lib/services/events_S/dynamic_scaling.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/cupertino.dart';
+
+extension Dimensionon on num{
+  double ws (BuildContext context){
+    final deviceWidth = MediaQuery.of(context).size.width;
+    return  deviceWidth * (this/100);
+  }
+  double pixelScale(BuildContext context){
+    return (this /4).ws(context);
+  }
+}

lib/view/components/events/create_event_chips.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:gameonconnect/services/events_S/dynamic_scaling.dart';
 import '../../../model/events_M/chip_model.dart';
 
 class ChipSelector extends StatefulWidget {
@@ -35,7 +36,7 @@
             color: selectedOption == 'Gaming Session'
                 ? Colors.black
                 : Theme.of(context).colorScheme.secondary,
-            size: 18,
+            size: 18.pixelScale(context),
           )),
       ChipData(
           'Tournament',
@@ -44,30 +45,30 @@
             color: selectedOption == "Tournament"
                 ? Colors.black
                 : Theme.of(context).colorScheme.secondary,
-            size: 18,
+            size: 18.pixelScale(context),
           )),
     ];
     return Row(
-      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+      mainAxisAlignment: MainAxisAlignment.spaceAround,
       children: options.map((option) {
         return ChoiceChip(
           showCheckmark: false,
           label: Center(
             child: Container(
-              height: 25,
+              height: 25.pixelScale(context),
               alignment: Alignment.center,
               child: Row(children: [
                 option.icon,
-                const SizedBox(
-                  width: 5,
+                 SizedBox(
+                  width: 5.pixelScale(context),
                 ),
                 Align(
                   alignment: Alignment.center,
                   child: Text(
                     option.label,
                     style: TextStyle(
                       fontFamily: 'Inter',
-                      fontSize: 16,
+                      fontSize: 16.pixelScale(context),
                       fontWeight: FontWeight.bold,
                       color: selectedOption == option.label
                           ? Colors.black
@@ -100,6 +101,7 @@
           elevation: 0,
         );
       }).toList(),
-    );
+    )
+    ;
   }
 }

lib/view/components/events/event_card.dart

@@ -1,6 +1,7 @@
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:gameonconnect/services/events_S/dynamic_scaling.dart';
 import 'package:intl/intl.dart';
 import 'package:loading_animation_widget/loading_animation_widget.dart';
 import '../../../model/events_M/events_model.dart';
@@ -53,7 +54,7 @@
                 },
                 child: Container(
                   width: double.infinity,
-                  height: 80,
+                  height: 80.pixelScale(context),
                   decoration: BoxDecoration(
                     color: Theme.of(context).colorScheme.surface,
                   ),
@@ -63,8 +64,8 @@
                       mainAxisSize: MainAxisSize.max,
                       children: [
                         SizedBox(
-                          width: 80,
-                          height: 60,
+                          width: 80.pixelScale(context),
+                          height: 60.pixelScale(context),
                           child: CachedNetworkImage(
                             width: double.infinity,
                             imageUrl: imageUrl,
@@ -103,7 +104,7 @@
                                             Brightness.light
                                         ? Colors.black
                                         : Colors.white,
-                                    fontSize: 12,
+                                    fontSize: 12.pixelScale(context),
                                     letterSpacing: 0,
                                     fontWeight: FontWeight.w500,
                                   ),
@@ -118,7 +119,7 @@
                                             Brightness.light
                                         ? Colors.black
                                         : Colors.white,
-                                    fontSize: 12,
+                                    fontSize: 12.pixelScale(context),
                                     letterSpacing: 0,
                                     fontWeight: FontWeight.w500,
                                   ),
@@ -131,7 +132,7 @@
                                           Brightness.light
                                       ? Theme.of(context).colorScheme.secondary
                                       : Theme.of(context).colorScheme.primary,
-                                  size: 24,
+                                  size: 24.pixelScale(context),
                                 ),
                               ],
                             ),

lib/view/components/events/joined_event_card.dart

@@ -1,6 +1,7 @@
 import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+import 'package:gameonconnect/services/events_S/dynamic_scaling.dart';
 import 'package:gameonconnect/view/pages/events/specific_event_details.dart';
 import 'package:intl/intl.dart';
 import 'package:loading_animation_widget/loading_animation_widget.dart';
@@ -48,7 +49,7 @@
             return Center(
               child: LoadingAnimationWidget.halfTriangleDot(
                 color: Theme.of(context).colorScheme.primary,
-                size: 36,
+                size: 36.pixelScale(context),
               ),
             );
           } else if (snapshot.hasError) {
@@ -63,14 +64,14 @@
                         builder: (context) => ViewEventDetailsWidget(e: e)));
               },
               child: Padding(
-                padding: const EdgeInsetsDirectional.fromSTEB(0, 0, 12, 0),
+                padding:  EdgeInsetsDirectional.fromSTEB(0, 0, 12.pixelScale(context), 0),
                 child: Container(
-                  width: 147,
-                  height: 200,
+                  width: 147.pixelScale(context),
+                  height: 200.pixelScale(context),
                   decoration: BoxDecoration(
                       color: Theme.of(context).colorScheme.primaryContainer,
                       shape: BoxShape.rectangle,
-                      borderRadius: BorderRadius.circular(12),
+                      borderRadius: BorderRadius.circular(12.pixelScale(context)),
                       boxShadow: [
                         BoxShadow(
                           blurRadius: 2,
@@ -82,8 +83,8 @@
                         )
                       ]),
                   child: Padding(
-                    padding: const EdgeInsetsDirectional.fromSTEB(
-                        11.61, 11.61, 11.61, 11.61),
+                    padding:  EdgeInsetsDirectional.fromSTEB(
+                        11.61.pixelScale(context), 11.61.pixelScale(context), 11.61.pixelScale(context), 11.61.pixelScale(context)),
                     child: Column(
                       mainAxisSize: MainAxisSize.max,
                       children: [
@@ -94,16 +95,16 @@
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
                               Padding(
-                                padding: const EdgeInsets.fromLTRB(2, 0, 2, 6),
+                                padding:  EdgeInsets.fromLTRB(2.pixelScale(context), 0, 2.pixelScale(context), 6.pixelScale(context)),
                                 child: CachedNetworkImage(
-                                  height: 83.65,
+                                  height: 83.65.pixelScale(context),
                                   width: double.infinity,
                                   imageUrl: imageUrl,
                                   imageBuilder: (context, imageProvider) =>
                                       Container(
                                     decoration: BoxDecoration(
                                       shape: BoxShape.rectangle,
-                                      borderRadius: BorderRadius.circular(12),
+                                      borderRadius: BorderRadius.circular(12.pixelScale(context)),
                                       image: DecorationImage(
                                           image: imageProvider,
                                           fit: BoxFit.cover),
@@ -113,7 +114,7 @@
                                       child: LoadingAnimationWidget.halfTriangleDot(
                                         color:
                                             Theme.of(context).colorScheme.primary,
-                                        size: 36,
+                                        size: 36.pixelScale(context),
                                       ),
                                     ), // Loading indicator for banner
                                   errorWidget: (context, url, error) =>
@@ -129,7 +130,7 @@
                                           Brightness.light
                                       ? Colors.black
                                       : Colors.white,
-                                  fontSize: 16,
+                                  fontSize: 16.pixelScale(context),
                                   letterSpacing: 0,
                                   fontWeight: FontWeight.w500,
                                 ),
@@ -138,10 +139,10 @@
                               ),
                               Expanded(
                                 child: Text(DateFormat('d EEEE MMM yyyy  kk:mm').format(e.startDate),
-                                  style: const TextStyle(
+                                  style:  TextStyle(
                                     fontFamily: 'Inter',
                                     color: Colors.grey,
-                                    fontSize: 14,
+                                    fontSize: 14.pixelScale(context),
                                     letterSpacing: 0,
                                     fontWeight: FontWeight.w500,
                                   ),

lib/view/components/home/connection_update.dart

@@ -24,8 +24,8 @@
           crossAxisAlignment: CrossAxisAlignment.center,
           children: [
             widget.connectionStatus == "connect"
-                ? Text("${widget.user} wants to connect", style: const TextStyle(fontWeight: FontWeight.bold))
-                : Text("${widget.user} disconnected", style: const TextStyle(fontWeight: FontWeight.bold)),
+                ? Expanded( child:Text("${widget.user} wants to connect", style: const TextStyle(fontWeight: FontWeight.bold)))
+                : Expanded(child:Text("${widget.user} disconnected", style: const TextStyle(fontWeight: FontWeight.bold))),
             const Icon(Icons.close_sharp)
           ],
         ));

lib/view/components/home/connection_updates.dart

@@ -48,7 +48,7 @@ class _ConnectionUpdatesState extends State<ConnectionUpdates> {
           } else {
             final connectionRequests = snapshot.data!;
             return ConstrainedBox(
-              constraints: const BoxConstraints(maxHeight: 300),
+              constraints:  const BoxConstraints(maxHeight: 300),
               child: ListView.builder(
                 shrinkWrap: true,
                 itemCount: connectionRequests.length,