historic page and profil page responsive

Sources/justMUSIC/lib/components/historic_component.dart

@@ -34,59 +34,62 @@ class _HistoricComponentState extends State<HistoricComponent> {
             .getHistoryCapsulesMonthWhitIdUser(MyApp.userViewModel.userCurrent.id, widget.month, widget.year),
         builder: (context, snapshot) {
           if (snapshot.hasData) {
-            return Wrap(
-              spacing: 14,
-              runSpacing: 14,
-              children: List.generate(getNumberOfDaysInMonth(widget.year, widget.month), (index) {
-                Tuple2<int, Music>? checkCapsule;
-                if (snapshot.data != null) {
-                  for (var element in snapshot.data!) {
-                    if (element.item1 == index + 1) {
-                      checkCapsule = element;
+            return Container(
+              constraints: const BoxConstraints( maxWidth: 420),
+              child: Wrap(
+                spacing: 14,
+                runSpacing: 14,
+                children: List.generate(getNumberOfDaysInMonth(widget.year, widget.month), (index) {
+                  Tuple2<int, Music>? checkCapsule;
+                  if (snapshot.data != null) {
+                    for (var element in snapshot.data!) {
+                      if (element.item1 == index + 1) {
+                        checkCapsule = element;
+                      }
                     }
                   }
-                }
 
-                if ((widget.year > DateTime.now().year || widget.month > DateTime.now().month) ||
-                    (widget.year == DateTime.now().year &&
-                        widget.month == DateTime.now().month &&
-                        index > DateTime.now().day)) {
-                  return Container(
-                    decoration: BoxDecoration(
-                        gradient: LinearGradient(colors: [
-                          Color(0xFF1E1E1E).withOpacity(0.7),
-                          Color(0xFF1E1E1E).withOpacity(0),
-                        ], begin: Alignment.topCenter, end: Alignment.bottomCenter),
-                        borderRadius: BorderRadius.circular(5)),
-                    height: 60,
-                    width: 60,
-                  );
-                }
-                if (checkCapsule != null) {
-                  return Container(
-                    decoration: BoxDecoration(
-                        image: DecorationImage(image: NetworkImage((checkCapsule.item2.cover)!)),
-                        borderRadius: BorderRadius.circular(5)),
-                    height: 60,
-                    width: 60,
-                  );
-                } else {
-                  return Container(
-                    color: bgColor,
-                    height: 60,
-                    width: 60,
-                    child: Center(
-                      child: Text(
-                        (index + 1).toString(),
-                        style:
-                            GoogleFonts.plusJakartaSans(color: Colors.white, fontSize: 22, fontWeight: FontWeight.w800),
+                  if ((widget.year > DateTime.now().year || widget.month > DateTime.now().month) ||
+                      (widget.year == DateTime.now().year &&
+                          widget.month == DateTime.now().month &&
+                          index > DateTime.now().day)) {
+                    return Container(
+                      decoration: BoxDecoration(
+                          gradient: LinearGradient(colors: [
+                            Color(0xFF1E1E1E).withOpacity(0.7),
+                            Color(0xFF1E1E1E).withOpacity(0),
+                          ], begin: Alignment.topCenter, end: Alignment.bottomCenter),
+                          borderRadius: BorderRadius.circular(5)),
+                      height: 60,
+                      width: 60,
+                    );
+                  }
+                  if (checkCapsule != null) {
+                    return Container(
+                      decoration: BoxDecoration(
+                          image: DecorationImage(image: NetworkImage((checkCapsule.item2.cover)!)),
+                          borderRadius: BorderRadius.circular(5)),
+                      height: 60,
+                      width: 60,
+                    );
+                  } else {
+                    return Container(
+                      color: bgColor,
+                      height: 60,
+                      width: 60,
+                      child: Center(
+                        child: Text(
+                          (index + 1).toString(),
+                          style:
+                          GoogleFonts.plusJakartaSans(color: Colors.white, fontSize: 22, fontWeight: FontWeight.w800),
+                        ),
                       ),
-                    ),
-                  );
-                }
+                    );
+                  }
 
-                // Generate widgets
-              }),
+                  // Generate widgets
+                }),
+              ),
             );
           } else {
             return CupertinoActivityIndicator();

Sources/justMUSIC/lib/screens/capsule_historic_screen.dart

@@ -77,8 +77,9 @@ class _CapsuleHistoricScreenState extends State<CapsuleHistoricScreen> {
               mainAxisAlignment: MainAxisAlignment.center,
               crossAxisAlignment: CrossAxisAlignment.center,
               children: [
-                Padding(
+                Container(
                   padding: const EdgeInsets.only(top: 80, left: 60, right: 60),
+                  constraints: const BoxConstraints( maxWidth: 450),
                   child: Align(
                     alignment: Alignment.center,
                     child: Row(
@@ -131,7 +132,6 @@ class _CapsuleHistoricScreenState extends State<CapsuleHistoricScreen> {
                       width: double.infinity,
                       child: Container(
                         padding: EdgeInsets.symmetric(horizontal: 15),
-                        constraints: BoxConstraints(maxWidth: 600),
                         child: Column(
                           children: [
                             HistoricComponent(

Sources/justMUSIC/lib/screens/user_screen.dart

@@ -143,10 +143,11 @@ class _UserScreenState extends State<UserScreen> {
             padding: const EdgeInsets.symmetric(horizontal: settingPadding),
             child: Column(
               mainAxisAlignment: MainAxisAlignment.start,
-              crossAxisAlignment: CrossAxisAlignment.start,
+              crossAxisAlignment: CrossAxisAlignment.center,
               children: [
-                Padding(
+                Container(
                   padding: EdgeInsets.only(top: 68.h, bottom: 40),
+                  constraints: const BoxConstraints( maxWidth: 500),
                   child: Stack(
                     alignment: Alignment.center,
                     children: [
@@ -249,7 +250,11 @@ class _UserScreenState extends State<UserScreen> {
                 SizedBox(
                   height: 40,
                 ),
-                RecapComponent(user: widget.user)
+                Container(
+                  constraints: const BoxConstraints( maxWidth: 500),
+                  child: RecapComponent(user: widget.user),
+                )
+
               ],
             ),
           ),