TF-3758 Update size for left menu on mobile

Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
dab246
2025-05-29 16:24:05 +07:00
committed by Dat H. Pham
parent 81f67353dc
commit 6949da4cce
3 changed files with 82 additions and 95 deletions
@@ -7,6 +7,7 @@ class ResponsiveUtils {
static const double defaultSizeLeftMenuMobile = 375; static const double defaultSizeLeftMenuMobile = 375;
static const double defaultSizeDrawer = 320; static const double defaultSizeDrawer = 320;
static const double defaultSizeMenu = 256; static const double defaultSizeMenu = 256;
static const double mobileLeftMenuSize = 339;
static const int heightShortest = 600; static const int heightShortest = 600;
@@ -27,20 +27,11 @@ class MailboxView extends BaseMailboxView {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
ThemeUtils.setStatusBarTransparentColor(); return SafeArea(
return SafeArea(bottom: false, left: false, right: false,
top: controller.responsiveUtils.isMobile(context),
child: ClipRRect(
borderRadius: controller.responsiveUtils.isPortraitMobile(context)
? const BorderRadius.only(
topRight: Radius.circular(14),
topLeft: Radius.circular(14))
: const BorderRadius.all(Radius.zero),
child: Drawer( child: Drawer(
child: Scaffold(
backgroundColor: Colors.white, backgroundColor: Colors.white,
body: Column( shape: InputBorder.none,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Expanded( Expanded(
@@ -113,11 +104,10 @@ class MailboxView extends BaseMailboxView {
} else { } else {
return const SizedBox.shrink(); return const SizedBox.shrink();
} }
}) }),
]), ],
) ),
) ),
)
); );
} }
@@ -99,11 +99,7 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
drawer: ResponsiveWidget( drawer: ResponsiveWidget(
responsiveUtils: controller.responsiveUtils, responsiveUtils: controller.responsiveUtils,
mobile: SizedBox( mobile: SizedBox(
width: double.infinity, width: ResponsiveUtils.mobileLeftMenuSize,
child: MailboxView()
),
landscapeMobile: SizedBox(
width: ResponsiveUtils.defaultSizeDrawer,
child: MailboxView() child: MailboxView()
), ),
tablet: SizedBox( tablet: SizedBox(