From 74807babfef396f62fff10a75d9da8f08b58a344 Mon Sep 17 00:00:00 2001
From: cogwheel0 <172976095+cogwheel0@users.noreply.github.com>
Date: Tue, 9 Sep 2025 13:10:26 +0530
Subject: [PATCH] fix: onboarding overflow on small devices

---
 .../onboarding/views/onboarding_sheet.dart    | 25 ++++++++++++-------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/lib/features/onboarding/views/onboarding_sheet.dart b/lib/features/onboarding/views/onboarding_sheet.dart
index 0edded1..9d870d6 100644
--- a/lib/features/onboarding/views/onboarding_sheet.dart
+++ b/lib/features/onboarding/views/onboarding_sheet.dart
@@ -63,7 +63,6 @@ class _OnboardingSheetState extends State<OnboardingSheet> {
   @override
   Widget build(BuildContext context) {
     final height = MediaQuery.of(context).size.height;
-    final isSmall = height < 720;
     return Container(
       height: height * 0.7,
       decoration: BoxDecoration(
@@ -89,14 +88,22 @@ class _OnboardingSheetState extends State<OnboardingSheet> {
                   itemBuilder: (context, i) {
                     final page = _pages[i];
                     final content = _IllustratedPage(page: page);
-                    return isSmall
-                        ? SingleChildScrollView(
-                            padding: const EdgeInsets.symmetric(
-                              horizontal: Spacing.lg,
-                            ),
-                            child: content,
-                          )
-                        : content;
+                    // Ensure content can scroll vertically when space is tight,
+                    // while keeping it centered when there is enough space.
+                    return LayoutBuilder(
+                      builder: (context, constraints) {
+                        final centered = ConstrainedBox(
+                          constraints: BoxConstraints(
+                            minHeight: constraints.maxHeight,
+                          ),
+                          child: Center(child: content),
+                        );
+                        return SingleChildScrollView(
+                          physics: const ClampingScrollPhysics(),
+                          child: centered,
+                        );
+                      },
+                    );
                   },
                 ),
               ),