From 15f26240b7ae03390fab13608e613ee98eaa8a1f Mon Sep 17 00:00:00 2001
From: Prateek Sunal <prtksunal@gmail.com>
Date: Sat, 17 Feb 2024 00:39:34 +0530
Subject: [PATCH] fix: responsive code tiles

---
 lib/ui/home_page.dart | 7 +++++--
 pubspec.lock          | 8 ++++++++
 pubspec.yaml          | 1 +
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/lib/ui/home_page.dart b/lib/ui/home_page.dart
index a917dff757..bb76d1b753 100644
--- a/lib/ui/home_page.dart
+++ b/lib/ui/home_page.dart
@@ -29,6 +29,7 @@ import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_speed_dial/flutter_speed_dial.dart';
+import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
 import 'package:logging/logging.dart';
 import 'package:move_to_background/move_to_background.dart';
 
@@ -233,10 +234,12 @@ class _HomePageState extends State<HomePage> {
           onManuallySetupTap: _redirectToManualEntryPage,
         );
       } else {
-        final list = ListView.builder(
+        final list = AlignedGridView.count(
+          crossAxisCount:
+              MediaQuery.sizeOf(context).width ~/ 400.clamp(0, double.infinity),
           itemBuilder: ((context, index) {
             try {
-              return CodeWidget(_filteredCodes[index]);
+              return ClipRect(child: CodeWidget(_filteredCodes[index]));
             } catch (e) {
               return const Text("Failed");
             }
diff --git a/pubspec.lock b/pubspec.lock
index 780562cd8b..5385f864cb 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -639,6 +639,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "7.0.0"
+  flutter_staggered_grid_view:
+    dependency: "direct main"
+    description:
+      name: flutter_staggered_grid_view
+      sha256: "19e7abb550c96fbfeb546b23f3ff356ee7c59a019a651f8f102a4ba9b7349395"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.0"
   flutter_svg:
     dependency: "direct main"
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index 4f332888e8..dc4c9b0861 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -56,6 +56,7 @@ dependencies:
   flutter_secure_storage: ^9.0.0
   flutter_slidable: ^3.0.1
   flutter_speed_dial: ^7.0.0
+  flutter_staggered_grid_view: ^0.7.0
   flutter_svg: ^2.0.5
   fluttertoast: ^8.1.1
   google_nav_bar: ^5.0.5 #supported