Fix Small Screen UI Overflow Issues (#1536)

Closes #1475 https://github.com/user-attachments/assets/31920dd2-ef53-44ea-8f5b-1026f1065f00 https://github.com/user-attachments/assets/c4a4437b-3d54-4e03-b345-489260ea9912
BasedHardware · Dec 15, 2024 · 63d9a6a · 63d9a6a
2 parents d712939 + 552e153
commit 63d9a6a
Show file tree

Hide file tree

Showing 6 changed files with 180 additions and 171 deletions.
diff --git a/app/lib/pages/apps/add_app.dart b/app/lib/pages/apps/add_app.dart
@@ -252,7 +252,7 @@ class _AddAppPageState extends State<AddAppPage> {
                                 shape: const CircleBorder(),
                               ),
                               SizedBox(
-                                width: MediaQuery.of(context).size.width * 0.80,
+                                width: MediaQuery.of(context).size.width * 0.7,
                                 child: const Text("Make my app public"),
                               ),
                             ],
@@ -268,7 +268,7 @@ class _AddAppPageState extends State<AddAppPage> {
                                 shape: const CircleBorder(),
                               ),
                               SizedBox(
-                                width: MediaQuery.of(context).size.width * 0.80,
+                                width: MediaQuery.of(context).size.width * 0.78,
                                 child: const Text(
                                     "By submitting this app, I agree to the Omi AI Terms of Service and Privacy Policy"),
                               ),

diff --git a/app/lib/pages/apps/app_detail/app_detail.dart b/app/lib/pages/apps/app_detail/app_detail.dart
@@ -137,7 +137,6 @@ class _AppDetailPageState extends State<AppDetailPage> {
     bool hasSetupInstructions = isIntegration && app.externalIntegration?.setupInstructionsFilePath.isNotEmpty == true;
     bool hasAuthSteps = isIntegration && app.externalIntegration?.authSteps.isNotEmpty == true;
     int stepsCount = app.externalIntegration?.authSteps.length ?? 0;
-
     return Scaffold(
       appBar: AppBar(
         backgroundColor: Theme.of(context).colorScheme.primary,
@@ -817,7 +816,9 @@ class RecentReviewsSection extends StatelessWidget {
           constraints: BoxConstraints(
             maxHeight: reviews.any((e) => e.response.isNotEmpty)
                 ? MediaQuery.of(context).size.height * 0.24
-                : MediaQuery.of(context).size.height * 0.138,
+                : (MediaQuery.of(context).size.height < 680
+                    ? MediaQuery.of(context).size.height * 0.2
+                    : MediaQuery.of(context).size.height * 0.138),
           ),
           child: ListView.separated(
             scrollDirection: Axis.horizontal,

diff --git a/app/lib/pages/apps/app_detail/reviews_list_page.dart b/app/lib/pages/apps/app_detail/reviews_list_page.dart
@@ -20,6 +20,7 @@ class _ReviewsListPageState extends State<ReviewsListPage> {
   @override
   void initState() {
     filteredReviews = widget.app.reviews;
+    filteredReviews.sort((a, b) => b.ratedAt.compareTo(a.ratedAt));
     replyController = TextEditingController();
     super.initState();
   }
@@ -39,6 +40,7 @@ class _ReviewsListPageState extends State<ReviewsListPage> {
             .toList();
       });
     }
+    filteredReviews.sort((a, b) => b.ratedAt.compareTo(a.ratedAt));
   }
 
   @override