eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

TF-528 Update size for responsive on tablet and landscape mobile

Browse Source
This commit is contained in:
dab246
2022-05-04 10:52:57 +07:00
committed by Dat H. Pham
parent 2e3c4e8f88
commit dbbc13eab4
20 changed files with 316 additions and 418 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/mailbox_dashboard/presentation/mailbox_dashboard_view.dart
+8 -6
View File
@@ -24,20 +24,22 @@ class MailboxDashBoardView extends GetWidget<MailboxDashBoardController> with Ne
key: controller.scaffoldKey,
drawer: ResponsiveWidget(
responsiveUtils: _responsiveUtils,
mobile: _responsiveUtils.isPortrait(context)
? SizedBox(child: MailboxView(), width: double.infinity)
: SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawerWidthMobileTablet),
tablet: SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawerWidthMobileTablet),
mobile: SizedBox(child: MailboxView(), width: double.infinity),
landscapeMobile: SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawer),
tablet: SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawer),
tabletLarge: const SizedBox.shrink(),
desktop: const SizedBox.shrink(),
),
drawerEnableOpenDragGesture: _responsiveUtils.isMobile(context) || _responsiveUtils.isTablet(context),
drawerEnableOpenDragGesture: _responsiveUtils.isMobile(context)
|| _responsiveUtils.isLandscapeMobile(context)
|| _responsiveUtils.isTablet(context),
body: Stack(children: [
ResponsiveWidget(
responsiveUtils: _responsiveUtils,
desktop: _buildLargeScreenView(context),
tabletLarge: _buildLargeScreenView(context),
tablet: ThreadView(),
landscapeMobile: ThreadView(),
mobile: ThreadView(),
),
Obx(() => controller.dashBoardAction.value is ComposeEmailAction
@@ -96,7 +98,7 @@ class MailboxDashBoardView extends GetWidget<MailboxDashBoardController> with Ne
return Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawerWidthMobileTablet),
SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawer),
Expanded(child: _wrapContainerForThreadAndEmail(context))
],
);
lib/features/mailbox_dashboard/presentation/mailbox_dashboard_view_web.dart
+4 -4
View File
@@ -41,8 +41,8 @@ class MailboxDashBoardView extends GetWidget<MailboxDashBoardController> with Ne
backgroundColor: Colors.white,
drawer: ResponsiveWidget(
responsiveUtils: _responsiveUtils,
mobile: SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawerWidthWeb),
tablet: SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawerWidthWeb),
mobile: SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawer),
tablet: SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawer),
tabletLarge: const SizedBox.shrink(),
desktop: const SizedBox.shrink(),
),
@@ -83,7 +83,7 @@ class MailboxDashBoardView extends GetWidget<MailboxDashBoardController> with Ne
Expanded(child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeMenuWidthWeb),
SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeMenu),
Expanded(child: _wrapContainerForThreadAndEmail(context))
],
))
@@ -91,7 +91,7 @@ class MailboxDashBoardView extends GetWidget<MailboxDashBoardController> with Ne
tabletLarge: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeMenuWidthWeb),
SizedBox(child: MailboxView(), width: _responsiveUtils.defaultSizeDrawer),
Expanded(child: _wrapContainerForThreadAndEmail(context))
],
),