TF-2116 Create AttachmentComposer widget and style

(cherry picked from commit 8245f079b4ca19950c32dd7386d4d1d213b53172)
2023-09-06 19:12:28 +07:00
parent 11dcc38fab
commit d3533e2f28
10 changed files with 402 additions and 154 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,26 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class AttachmentHeaderComposerWidgetStyle {
+  static const double space = 8;
+  static const double iconSize = 20;
+  static const double sizeLabelRadius = 12;
+
+  static const Color iconColor = AppColor.colorLabelComposer;
+  static const Color sizeLabelBackground = AppColor.primaryColor;
+  static const Color borderColor = AppColor.colorLineComposer;
+
+  static const EdgeInsetsGeometry sizeLabelPadding = EdgeInsetsDirectional.symmetric(horizontal: 5, vertical: 2);
+  static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.all(8);
+
+  static const TextStyle labelTextSize = TextStyle(
+    fontSize: 13,
+    color: AppColor.colorLabelComposer,
+    fontWeight: FontWeight.w500
+  );
+  static const TextStyle sizeLabelTextSize = TextStyle(
+    fontSize: 12,
+    color: Colors.white,
+    fontWeight: FontWeight.w500
+  );
+}
@@ -0,0 +1,35 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class AttachmentItemComposerWidgetStyle {
+  static const double radius = 8;
+  static const double iconSize = 20;
+  static const double space = 8;
+  static const double deleteIconSize = 18;
+  static const double deleteIconRadius = 10;
+  static const double width = 260;
+
+  static const Color borderColor = AppColor.colorAttachmentBorder;
+  static const Color backgroundColor = Colors.white;
+  static const Color deleteIconColor = AppColor.colorRichButtonComposer;
+
+  static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.all(8);
+  static const EdgeInsetsGeometry deleteIconPadding = EdgeInsetsDirectional.all(3);
+  static const EdgeInsetsGeometry progressLoadingPadding = EdgeInsetsDirectional.only(top: 8);
+
+  static const TextStyle labelTextStyle = TextStyle(
+    fontSize: 14,
+    color: Colors.black,
+    fontWeight: FontWeight.w500
+  );
+  static const TextStyle dotsLabelTextStyle = TextStyle(
+    fontSize: 12,
+    color: Colors.black,
+    fontWeight: FontWeight.w500
+  );
+  static const TextStyle sizeLabelTextStyle = TextStyle(
+    fontSize: 11,
+    color: AppColor.colorLabelComposer,
+    fontWeight: FontWeight.w500
+  );
+}
@@ -0,0 +1,10 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class AttachmentProgressLoadingComposerWidgetStyle {
+  static const double height = 2;
+  static const double radius = 1;
+
+  static const Color backgroundColor = AppColor.colorProgressLoadingBackground;
+  static const Color progressColor = AppColor.primaryColor;
+}