refactor: Make the page scrollable

MXCzkEVM · Sep 5, 2024 · 30f779a · 30f779a
1 parent 573f190
commit 30f779a
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/...h/secure_recovery_phrase/presentation/recovery_phrase_base/recovery_phrase_base_page.dart b/...h/secure_recovery_phrase/presentation/recovery_phrase_base/recovery_phrase_base_page.dart
@@ -38,23 +38,30 @@ abstract class RecoveryPhraseBasePage extends HookConsumerWidget {
 
   Widget? buildAccept(BuildContext context, WidgetRef ref) => null;
 
+  Widget? buildEmailInput(BuildContext context, WidgetRef ref) => null;
+
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final acceptComponent = buildAccept(context, ref);
 
     return MxcPage(
-      layout: LayoutType.column,
+      layout: LayoutType.scrollable,
       useSplashBackground: true,
       childrenPadding: const EdgeInsets.symmetric(horizontal: 24),
       presenter: ref.watch(presenter),
       appBar: buildAppBar(context, ref),
       footer: buildFooter(context, ref),
+      resizeToAvoidBottomInset: true,
       children: [
         buildAppLogo(context),
-        const Spacer(),
+        const SizedBox(height: 120),
         buildAlert(context),
-        const Spacer(),
+        if (buildEmailInput(context, ref) != null) ...[
+          const SizedBox(height: 18),
+          buildEmailInput(context, ref)!,
+        ],
         if (acceptComponent != null) ...[
+          const SizedBox(height: 130),
           acceptComponent,
           const SizedBox(height: 16),
         ]