TF-2116 Apply new design composer mobile

(cherry picked from commit fe4ec144d1a18a94de782f87fff56bbf1cd3a00a)
2023-09-07 09:53:34 +07:00
parent cbba97279a
commit 3809a05a35
33 changed files with 803 additions and 1002 deletions
@@ -0,0 +1,22 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class AttachmentComposerWidgetStyle {
+  static const double maxHeight = 150;
+  static const double listItemSpace = 8;
+
+  static const Color backgroundColor = Colors.white;
+
+  static const EdgeInsetsGeometry listItemPadding = EdgeInsetsDirectional.symmetric(vertical: 8, horizontal: 16);
+
+  static const List<BoxShadow> shadow = [
+    BoxShadow(
+      color: AppColor.colorShadowBgContentEmail,
+      blurRadius: 24
+    ),
+    BoxShadow(
+      color: AppColor.colorShadowBgContentEmail,
+      blurRadius: 2
+    ),
+  ];
+}
@@ -0,0 +1,29 @@
+
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class BottomBarComposerWidgetStyle {
+  static const double iconRadius = 8;
+  static const double space = 10;
+  static const double sendButtonSpace = 12;
+  static const double iconSize = 20;
+  static const double richTextIconSize = 24;
+  static const double sendButtonRadius = 8;
+  static const double sendButtonIconSpace = 5;
+
+  static const Color backgroundColor = Colors.white;
+  static const Color iconColor = AppColor.colorRichButtonComposer;
+  static const Color sendButtonBackgroundColor = AppColor.primaryColor;
+  static const Color selectedBackgroundColor = AppColor.colorSelected;
+  static const Color selectedIconColor = AppColor.primaryColor;
+
+  static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.symmetric(horizontal: 32, vertical: 12);
+  static const EdgeInsetsGeometry iconPadding = EdgeInsetsDirectional.all(5);
+  static const EdgeInsetsGeometry sendButtonPadding = EdgeInsetsDirectional.symmetric(vertical: 8, horizontal: 24);
+  static const EdgeInsetsGeometry richTextIconPadding = EdgeInsetsDirectional.all(2);
+  static const TextStyle sendButtonTextStyle = TextStyle(
+    fontWeight: FontWeight.w500,
+    fontSize: 15,
+    color: Colors.white,
+  );
+}
@@ -0,0 +1,11 @@
+
+import 'package:flutter/material.dart';
+
+class DesktopResponsiveContainerViewStyle {
+  static const double radius = 28;
+  static const double margin = 20;
+  static const double elevation = 16;
+
+  static const Color backgroundColor = Colors.white;
+  static const Color outSideBackgroundColor = Colors.black38;
+}
@@ -0,0 +1,8 @@
+import 'package:flutter/material.dart';
+
+class MobileResponsiveContainerViewStyle {
+  static const double radius = 28;
+  static const double elevation = 16;
+
+  static const Color outSideBackgroundColor = Colors.white;
+}
@@ -0,0 +1,34 @@
+
+import 'package:core/presentation/utils/responsive_utils.dart';
+import 'package:flutter/material.dart';
+
+class TabletResponsiveContainerViewStyle {
+  static const double radius = 28;
+  static const double elevation = 16;
+
+  static const Color backgroundColor = Colors.white;
+  static const Color outSideBackgroundColor = Colors.black38;
+
+  static EdgeInsetsGeometry getMargin(
+    BuildContext context,
+    ResponsiveUtils responsiveUtils
+  ) {
+    if (responsiveUtils.isTablet(context)) {
+      return const EdgeInsetsDirectional.all(24);
+    } else {
+      return const EdgeInsetsDirectional.symmetric(vertical: 24);
+    }
+  }
+
+  static double getWidth(
+    BuildContext context,
+    ResponsiveUtils responsiveUtils
+  ) {
+    final currentWidth = responsiveUtils.getSizeScreenWidth(context);
+    if (responsiveUtils.isTablet(context)) {
+      return currentWidth;
+    } else {
+      return currentWidth * 0.7;
+    }
+  }
+}