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

TF-248 Update UI for web

Browse Source
This commit is contained in:
dab246
2022-02-10 18:07:48 +07:00
committed by Dat H. Pham
parent 5c0c1de5f3
commit c22bc94052
15 changed files with 205 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/lib/presentation/utils/responsive_utils.dart
+10 -10
View File
@@ -2,18 +2,18 @@ import 'package:flutter/widgets.dart';
class ResponsiveUtils {
static const int minDesktopWidth = 1366;
static const int minDesktopWidth = 1288;
static const int minTabletWidth = 600;
static const int minTabletLargeWidth = 800;
static const int minTabletLargeWidth = 900;
static const double _loginTextFieldWidthSmallScreen = 280.0;
static const double _loginTextFieldWidthLargeScreen = 320.0;
static const double _loginButtonWidth = 240.0;
static const double _tabletHorizontalMargin = 144.0;
static const double _tabletVerticalMargin = 234.0;
static const double _desktopVerticalMargin = 144.0;
static const double _desktopHorizontalMargin = 234.0;
static const double _tabletHorizontalMargin = 120.0;
static const double _tabletVerticalMargin = 200.0;
static const double _desktopVerticalMargin = 120.0;
static const double _desktopHorizontalMargin = 200.0;
bool isMobileDevice(BuildContext context) => MediaQuery.of(context).size.shortestSide < 600;
@@ -29,7 +29,7 @@ class ResponsiveUtils {
bool isDesktop(BuildContext context) => getSizeWidthScreen(context) > minDesktopWidth;
bool isTabletLarge(BuildContext context) => getMinSizeScreen(context) >= minTabletLargeWidth && getMinSizeScreen(context) <= minDesktopWidth;
bool isTabletLarge(BuildContext context) => getSizeWidthScreen(context) >= minTabletLargeWidth && getSizeWidthScreen(context) <= minDesktopWidth;
bool isPortrait(BuildContext context) => MediaQuery.of(context).orientation == Orientation.portrait;
@@ -48,7 +48,7 @@ class ResponsiveUtils {
: EdgeInsets.symmetric(
horizontal: _tabletHorizontalMargin,
vertical: _tabletVerticalMargin);
} else if (isDesktop(context)) {
} else if (isDesktop(context) || isTabletLarge(context)) {
return getSizeHeightScreen(context) <= _desktopVerticalMargin * 2
? EdgeInsets.symmetric(
horizontal: _desktopHorizontalMargin,
@@ -66,12 +66,12 @@ class ResponsiveUtils {
return getSizeHeightScreen(context) <= _tabletVerticalMargin * 2
? BorderRadius.only(topLeft: Radius.circular(radius), topRight: Radius.circular(radius))
: BorderRadius.circular(radius);
} else if (isDesktop(context)) {
} else if (isDesktop(context) || isTabletLarge(context)) {
return getSizeHeightScreen(context) <= _desktopVerticalMargin * 2
? BorderRadius.only(topLeft: Radius.circular(radius), topRight: Radius.circular(radius))
: BorderRadius.circular(radius);
} else {
return BorderRadius.zero;
return BorderRadius.only(topLeft: Radius.circular(radius), topRight: Radius.circular(radius));
}
}
}