TF-1665 Remove blank in the app grip

(cherry picked from commit 3913bb611b3200022a1b4d05f8337fe57101563a)
This commit is contained in:
dab246
2023-04-10 18:38:17 +07:00
committed by Dat Vu
parent 006d805304
commit 3f5fa41c75
2 changed files with 58 additions and 51 deletions
@@ -17,12 +17,17 @@ class AppGridDashboardItem extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Padding( return LinkBrowserWidget(
padding: const EdgeInsets.symmetric(vertical: 8),
child: LinkBrowserWidget(
uri: app.appUri, uri: app.appUri,
child: Material(
color: Colors.transparent,
child: InkWell( child: InkWell(
onTap: _openApp, onTap: _openApp,
borderRadius: const BorderRadius.all(Radius.circular(16)),
hoverColor: AppColor.colorItemSelected,
child: Container(
width: 98,
padding: const EdgeInsets.symmetric(vertical: 8),
child: Column(children: [ child: Column(children: [
app.iconName.endsWith("svg") app.iconName.endsWith("svg")
? SvgPicture.asset( ? SvgPicture.asset(
@@ -52,6 +57,7 @@ class AppGridDashboardItem extends StatelessWidget {
]), ]),
), ),
) )
)
); );
} }
@@ -1,5 +1,4 @@
import 'package:core/presentation/extensions/color_extension.dart'; import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/views/list/sliver_grid_delegate_fixed_height.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/domain/app_dashboard/linagora_applications.dart'; import 'package:tmail_ui_user/features/mailbox_dashboard/domain/app_dashboard/linagora_applications.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/app_dashboard/app_grid_dashboard_item.dart'; import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/app_dashboard/app_grid_dashboard_item.dart';
@@ -14,36 +13,38 @@ class AppDashboardOverlay extends StatelessWidget {
return GestureDetector( return GestureDetector(
onTap: () => FocusManager.instance.primaryFocus?.unfocus(), onTap: () => FocusManager.instance.primaryFocus?.unfocus(),
child: Container( child: Container(
width: 342, width: _widthAppGrid,
height: 244,
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.white, color: Colors.white,
borderRadius: BorderRadius.circular(16), borderRadius: BorderRadius.circular(24),
boxShadow: const [ boxShadow: const [
BoxShadow( BoxShadow(
color: AppColor.colorShadowComposer, color: AppColor.colorShadowLayerBottom,
blurRadius: 32, blurRadius: 96,
offset: Offset.zero), offset: Offset.zero),
BoxShadow( BoxShadow(
color: AppColor.colorDropShadow, color: AppColor.colorShadowLayerTop,
blurRadius: 4, blurRadius: 2,
offset: Offset.zero), offset: Offset.zero),
] ]
), ),
child: GridView.builder(
padding: const EdgeInsets.all(24), padding: const EdgeInsets.all(24),
itemBuilder: (context, i) { child: Wrap(children: _linagoraApplications.apps
final app = _linagoraApplications.apps[i]; .map((app) => AppGridDashboardItem(app))
return AppGridDashboardItem(app); .toList()),
},
primary: true,
itemCount: _linagoraApplications.apps.length,
gridDelegate: const SliverGridDelegateFixedHeight(
height: 98,
crossAxisCount: 3,
),
),
), ),
); );
} }
double get _widthAppGrid {
if (_linagoraApplications.apps.length >= 3) {
return 342;
} else if (_linagoraApplications.apps.length == 2) {
return 244;
} else if (_linagoraApplications.apps.length == 1) {
return 146;
} else {
return 0;
}
}
} }