Rearrange settings widgets (#83)

zenon-network · Mar 13, 2024 · ea5eaca · ea5eaca
1 parent b7b28d2
commit ea5eaca
Showing 1 changed file with 51 additions and 25 deletions.
diff --git a/lib/widgets/tab_children_widgets/settings_tab_child.dart b/lib/widgets/tab_children_widgets/settings_tab_child.dart
@@ -45,6 +45,14 @@ class _SettingsTabChildState extends State<SettingsTabChild> {
             accountChainStatsBloc: _accountChainStatsBloc,
           ),
         ),
+        const FluidCell(
+          child: GeneralWidget(),
+        ),
+        FluidCell(
+          child: AccountChainStatsWidget(
+            accountChainStatsBloc: _accountChainStatsBloc,
+          ),
+        ),
         FluidCell(
           width: context.layout.value(
             xl: kStaggeredNumOfColumns ~/ 2,
@@ -53,29 +61,47 @@ class _SettingsTabChildState extends State<SettingsTabChild> {
             sm: kStaggeredNumOfColumns,
             xs: kStaggeredNumOfColumns,
           ),
-          child: const PeersWidget(),
-        ),
-        const FluidCell(
-          child: GeneralWidget(),
-          height: kStaggeredNumOfColumns / 3,
-        ),
-        FluidCell(
-          child: AccountChainStatsWidget(
-            accountChainStatsBloc: _accountChainStatsBloc,
+          child: NodeManagement(
+            onNodeChangedCallback: widget.onNodeChangedCallback,
           ),
-          height: kStaggeredNumOfColumns / 3,
+          height: kStaggeredNumOfColumns / 4,
         ),
         FluidCell(
+          width: context.layout.value(
+            xl: kStaggeredNumOfColumns ~/ 6,
+            lg: kStaggeredNumOfColumns ~/ 6,
+            md: kStaggeredNumOfColumns ~/ 6,
+            sm: kStaggeredNumOfColumns,
+            xs: kStaggeredNumOfColumns,
+          ),
           child: SecurityWidget(
             widget._onChangeAutoLockTime,
             onStepperNotificationSeeMorePressed:
                 widget.onStepperNotificationSeeMorePressed,
           ),
-          height: kStaggeredNumOfColumns / 3,
+          height: kStaggeredNumOfColumns / 2
         ),
-        const FluidCell(
-          child: WalletOptions(),
-          height: kStaggeredNumOfColumns / 3,
+        FluidCell(
+          width: context.layout.value(
+            xl: kStaggeredNumOfColumns ~/ 6,
+            lg: kStaggeredNumOfColumns ~/ 6,
+            md: kStaggeredNumOfColumns ~/ 6,
+            sm: kStaggeredNumOfColumns,
+            xs: kStaggeredNumOfColumns,
+          ),
+          child: const DisplayWidget(),
+          height: kStaggeredNumOfColumns / 2
+        ),
+        FluidCell(
+          child: const WalletOptions(),
+          width: context.layout.value(
+            xl: kStaggeredNumOfColumns ~/ 6,
+            lg: kStaggeredNumOfColumns ~/ 6,
+            md: kStaggeredNumOfColumns ~/ 6,
+            sm: kStaggeredNumOfColumns,
+            xs: kStaggeredNumOfColumns,
+          ),
+          height: kStaggeredNumOfColumns / 4,
         ),
         FluidCell(
           width: context.layout.value(
@@ -85,18 +111,18 @@ class _SettingsTabChildState extends State<SettingsTabChild> {
             sm: kStaggeredNumOfColumns,
             xs: kStaggeredNumOfColumns,
           ),
-          child: NodeManagement(
-            onNodeChangedCallback: widget.onNodeChangedCallback,
-          ),
-          height: kStaggeredNumOfColumns / 3,
-        ),
-        const FluidCell(
-          child: DisplayWidget(),
-          height: kStaggeredNumOfColumns / 3,
+          child: const PeersWidget(),
         ),
-        const FluidCell(
-          child: BackupWidget(),
-          height: kStaggeredNumOfColumns / 3,
+        FluidCell(
+          child: const BackupWidget(),
+          width: context.layout.value(
+            xl: kStaggeredNumOfColumns ~/ 6,
+            lg: kStaggeredNumOfColumns ~/ 6,
+            md: kStaggeredNumOfColumns ~/ 6,
+            sm: kStaggeredNumOfColumns,
+            xs: kStaggeredNumOfColumns,
+          ),
+          height: kStaggeredNumOfColumns / 4,
         ),
       ],
     );