feat(directory): reduce spacing and padding in category and bucket displays

This commit is contained in:
Vaibhav Surve 2025-07-08 16:01:10 +05:30
parent df0dd5d560
commit ae868bb0f6

View File

@ -59,8 +59,8 @@ class DirectoryFilterBottomSheet extends StatelessWidget {
), ),
const SizedBox(height: 10), const SizedBox(height: 10),
Wrap( Wrap(
spacing: 8, spacing: 2,
runSpacing: 8, runSpacing: 0,
children: controller.contactCategories.map((category) { children: controller.contactCategories.map((category) {
final selected = final selected =
controller.selectedCategories.contains(category.id); controller.selectedCategories.contains(category.id);
@ -81,7 +81,7 @@ class DirectoryFilterBottomSheet extends StatelessWidget {
); );
}).toList(), }).toList(),
), ),
const SizedBox(height: 24), const SizedBox(height: 12),
], ],
/// Buckets /// Buckets
@ -94,8 +94,8 @@ class DirectoryFilterBottomSheet extends StatelessWidget {
), ),
const SizedBox(height: 10), const SizedBox(height: 10),
Wrap( Wrap(
spacing: 8, spacing: 2,
runSpacing: 8, runSpacing: 0,
children: controller.contactBuckets.map((bucket) { children: controller.contactBuckets.map((bucket) {
final selected = final selected =
controller.selectedBuckets.contains(bucket.id); controller.selectedBuckets.contains(bucket.id);
@ -117,7 +117,7 @@ class DirectoryFilterBottomSheet extends StatelessWidget {
), ),
], ],
const SizedBox(height: 30), const SizedBox(height: 12),
/// Action Buttons /// Action Buttons
Row( Row(
@ -139,7 +139,7 @@ class DirectoryFilterBottomSheet extends StatelessWidget {
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
), ),
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
horizontal: 20, vertical: 14), horizontal: 10, vertical: 7),
), ),
), ),
ElevatedButton.icon( ElevatedButton.icon(
@ -155,7 +155,7 @@ class DirectoryFilterBottomSheet extends StatelessWidget {
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
), ),
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
horizontal: 28, vertical: 14), horizontal: 10, vertical: 7),
), ),
), ),
], ],