From 40b74cfe6e345e24a1450701cb380cbf9d23192b Mon Sep 17 00:00:00 2001
From: ashilkn <ashilkn99@gmail.com>
Date: Wed, 2 Aug 2023 16:54:21 +0530
Subject: [PATCH] Expand storage card on bigger screens

---
 lib/ui/settings/storage_card_widget.dart | 55 ++++++++++++------------
 lib/ui/settings_page.dart                |  3 +-
 2 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/lib/ui/settings/storage_card_widget.dart b/lib/ui/settings/storage_card_widget.dart
index b754728a8..82b30b15c 100644
--- a/lib/ui/settings/storage_card_widget.dart
+++ b/lib/ui/settings/storage_card_widget.dart
@@ -8,7 +8,7 @@ import 'package:photos/models/user_details.dart';
 import 'package:photos/states/user_details_state.dart';
 import 'package:photos/theme/colors.dart';
 import 'package:photos/theme/ente_theme.dart';
-import 'package:photos/ui/common/loading_widget.dart';
+import "package:photos/ui/common/loading_widget.dart";
 import 'package:photos/ui/payment/subscription.dart';
 import 'package:photos/ui/settings/storage_progress_widget.dart';
 import 'package:photos/utils/data_util.dart';
@@ -81,36 +81,37 @@ class _StorageCardWidgetState extends State<StorageCardWidget> {
   Widget containerForUserDetails(
     UserDetails? userDetails,
   ) {
-    return ConstrainedBox(
-      constraints: const BoxConstraints(maxWidth: 350),
-      child: AspectRatio(
-        aspectRatio: 2 / 1,
-        child: Stack(
-          children: [
-            _background,
-            userDetails is UserDetails
-                ? _userDetails(userDetails)
-                : const EnteLoadingWidget(
-                    color: strokeBaseDark,
-                  ),
-            Align(
-              alignment: Alignment.centerRight,
-              child: Padding(
-                padding: const EdgeInsets.only(right: 4),
-                child: ValueListenableBuilder<bool>(
-                  builder: (BuildContext context, bool value, Widget? child) {
-                    return Icon(
-                      Icons.chevron_right_outlined,
-                      color: value ? strokeMutedDark : strokeBaseDark,
-                    );
-                  },
-                  valueListenable: _isStorageCardPressed,
+    return Stack(
+      children: [
+        SizedBox(
+          width: double.infinity,
+          child: _background,
+        ),
+        Positioned.fill(
+          child: userDetails is UserDetails
+              ? _userDetails(userDetails)
+              : const EnteLoadingWidget(
+                  color: strokeBaseDark,
                 ),
+        ),
+        Positioned.fill(
+          child: Align(
+            alignment: Alignment.centerRight,
+            child: Padding(
+              padding: const EdgeInsets.only(right: 4),
+              child: ValueListenableBuilder<bool>(
+                builder: (BuildContext context, bool value, Widget? child) {
+                  return Icon(
+                    Icons.chevron_right_outlined,
+                    color: value ? strokeMutedDark : strokeBaseDark,
+                  );
+                },
+                valueListenable: _isStorageCardPressed,
               ),
             ),
-          ],
+          ),
         ),
-      ),
+      ],
     );
   }
 
diff --git a/lib/ui/settings_page.dart b/lib/ui/settings_page.dart
index b3ad81ade..ce631822a 100644
--- a/lib/ui/settings_page.dart
+++ b/lib/ui/settings_page.dart
@@ -60,8 +60,7 @@ class SettingsPage extends StatelessWidget {
         onLongPress: () {
           _showVerifyIdentityDialog(context);
         },
-        child: Container(
-          constraints: const BoxConstraints(maxWidth: 350),
+        child: Padding(
           padding: const EdgeInsets.symmetric(horizontal: 8),
           child: Align(
             alignment: Alignment.centerLeft,