TF-3002 [WEB] Add To/Folder search filters

This commit is contained in:
dab246
2024-09-12 19:31:38 +07:00
committed by Dat H. Pham
parent 34c9c0cd0e
commit 8290025c14
24 changed files with 461 additions and 228 deletions
@@ -1,5 +1,7 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:core/utils/platform_info.dart';
import 'package:flutter/material.dart';
class BannerDeleteAllSpamEmailsStyles {
@@ -7,9 +9,6 @@ class BannerDeleteAllSpamEmailsStyles {
static const double buttonBorderRadius = 20;
static const double horizontalPadding = 16;
static const double verticalPadding = 10;
static const double webEndMargin = 16;
static const double webTopMargin = 8;
static const double mobileMargin = 16;
static const double labelTextSize = 13;
static const double buttonTextSize = 17;
static const double iconSize = 20;
@@ -18,4 +17,25 @@ class BannerDeleteAllSpamEmailsStyles {
static const Color borderStrokeColor = AppColor.colorBorderBodyThread;
static const Color labelTextColor = AppColor.colorSubtitle;
static const Color buttonTextColor = AppColor.toastErrorBackgroundColor;
static EdgeInsetsGeometry getBannerMargin(
BuildContext context,
ResponsiveUtils responsiveUtils
) {
if (PlatformInfo.isWeb) {
if (responsiveUtils.isDesktop(context)) {
return const EdgeInsetsDirectional.only(end: 16, bottom: 8);
} else if (responsiveUtils.isTablet(context)) {
return const EdgeInsetsDirectional.only(bottom: 8, start: 24, end: 24);
} else {
return const EdgeInsetsDirectional.only(bottom: 8, start: 12, end: 12);
}
} else {
if (responsiveUtils.isPortraitTablet(context)) {
return const EdgeInsetsDirectional.only(bottom: 8, start: 32, end: 32);
} else {
return const EdgeInsetsDirectional.only(bottom: 8, start: 16, end: 16);
}
}
}
}
@@ -1,5 +1,7 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:core/utils/platform_info.dart';
import 'package:flutter/material.dart';
class BannerEmptyTrashStyles {
@@ -7,9 +9,6 @@ class BannerEmptyTrashStyles {
static const double buttonBorderRadius = 20;
static const double horizontalPadding = 16;
static const double verticalPadding = 10;
static const double webEndMargin = 16;
static const double webTopMargin = 8;
static const double mobileMargin = 16;
static const double labelTextSize = 13;
static const double buttonTextSize = 17;
static const double iconSize = 20;
@@ -18,4 +17,25 @@ class BannerEmptyTrashStyles {
static const Color borderStrokeColor = AppColor.colorBorderBodyThread;
static const Color labelTextColor = AppColor.colorSubtitle;
static const Color buttonTextColor = AppColor.toastErrorBackgroundColor;
static EdgeInsetsGeometry getBannerMargin(
BuildContext context,
ResponsiveUtils responsiveUtils
) {
if (PlatformInfo.isWeb) {
if (responsiveUtils.isDesktop(context)) {
return const EdgeInsetsDirectional.only(end: 16, bottom: 8);
} else if (responsiveUtils.isTablet(context)) {
return const EdgeInsetsDirectional.only(bottom: 8, start: 24, end: 24);
} else {
return const EdgeInsetsDirectional.only(bottom: 8, start: 12, end: 12);
}
} else {
if (responsiveUtils.isPortraitTablet(context)) {
return const EdgeInsetsDirectional.only(bottom: 8, start: 32, end: 32);
} else {
return const EdgeInsetsDirectional.only(bottom: 8, start: 16, end: 16);
}
}
}
}
@@ -3,11 +3,14 @@ import 'package:core/presentation/extensions/color_extension.dart';
import 'package:flutter/material.dart';
class SpamReportBannerWebStyles {
static const double horizontalMargin = 16;
static const double verticalMargin = 16;
static const double verticalPadding = 8;
static const double horizontalPadding = 16;
static const double borderRadius = 12;
static Color backgroundColor = AppColor.colorSpamReportBannerBackground.withOpacity(0.12);
static const Color strokeBorderColor = AppColor.colorSpamReportBannerStrokeBorder;
static const EdgeInsetsGeometry bannerPadding = EdgeInsetsDirectional.symmetric(
horizontal: 16,
vertical: 8);
static const EdgeInsetsGeometry bannerMargin = EdgeInsetsDirectional.only(
end: 16,
bottom: 8);
}
@@ -0,0 +1,25 @@
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:core/utils/platform_info.dart';
import 'package:flutter/material.dart';
class ThreadViewStyle {
static EdgeInsetsGeometry getBannerMargin(
BuildContext context,
ResponsiveUtils responsiveUtils
) {
if (PlatformInfo.isWeb) {
if (responsiveUtils.isMobile(context) || responsiveUtils.isTabletLarge(context)) {
return const EdgeInsetsDirectional.only(start: 12, end: 12, bottom: 8);
} else {
return const EdgeInsetsDirectional.only(start: 24, end: 24, bottom: 8);
}
} else {
if (responsiveUtils.isPortraitMobile(context) || responsiveUtils.isLandscapeTablet(context)) {
return const EdgeInsetsDirectional.only(start: 16, end: 16, bottom: 8);
} else {
return const EdgeInsetsDirectional.only(start: 32, end: 32, bottom: 8);
}
}
}
}