diff --git a/apps/mobile/lib/context/bottom_menu.dart b/apps/mobile/lib/context/bottom_menu.dart index b278b242c..76df454de 100644 --- a/apps/mobile/lib/context/bottom_menu.dart +++ b/apps/mobile/lib/context/bottom_menu.dart @@ -183,6 +183,7 @@ Future _showFloatingBottomSheet({ return await showModalBottomSheet( context: context, backgroundColor: Colors.transparent, + barrierColor: Colors.black.withOpacity(0.2), elevation: 0, isScrollControlled: true, useSafeArea: true, diff --git a/apps/mobile/lib/context/bottom_sheet.dart b/apps/mobile/lib/context/bottom_sheet.dart index 1eab1b22a..c0baf503e 100644 --- a/apps/mobile/lib/context/bottom_sheet.dart +++ b/apps/mobile/lib/context/bottom_sheet.dart @@ -10,6 +10,7 @@ extension BottomSheetX on BuildContext { return await showModalBottomSheet( context: this, backgroundColor: BrandColors.gray_0, + barrierColor: Colors.black.withOpacity(0.45), elevation: 0, isScrollControlled: true, useSafeArea: true, diff --git a/apps/mobile/lib/context/loader.dart b/apps/mobile/lib/context/loader.dart index 56484634b..4e6201189 100644 --- a/apps/mobile/lib/context/loader.dart +++ b/apps/mobile/lib/context/loader.dart @@ -16,6 +16,7 @@ class LoaderController { showDialog( context: context, barrierDismissible: false, + barrierColor: Colors.black.withOpacity(0.45), builder: (context) { _loaderContext = context; diff --git a/apps/mobile/lib/context/modal.dart b/apps/mobile/lib/context/modal.dart index 335228684..b5fc574b8 100644 --- a/apps/mobile/lib/context/modal.dart +++ b/apps/mobile/lib/context/modal.dart @@ -8,13 +8,13 @@ extension ModalX on BuildContext { return await showModalBottomSheet( context: this, backgroundColor: BrandColors.gray_0, + barrierColor: Colors.black.withOpacity(0.2), elevation: 0, isScrollControlled: true, useSafeArea: true, shape: const RoundedRectangleBorder( - borderRadius: BorderRadius.only( - topLeft: Radius.circular(8), - topRight: Radius.circular(8), + borderRadius: BorderRadius.vertical( + top: Radius.circular(20), ), ), clipBehavior: Clip.antiAlias,