TF-2172 Add DraggableAttachmentItem widget

(cherry picked from commit 1d10593e6f65a5a8abc9f57b1baacfc460298280)
2023-10-02 15:09:05 +07:00
parent 5b8c45586b
commit 7fe69aeab6
6 changed files with 254 additions and 59 deletions
@@ -0,0 +1,35 @@
+
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class AttachmentItemWidgetStyle {
+  static const double radius = 10;
+  static const double mobileWidth = 224;
+  static const double width = 250;
+  static const double height = 60;
+  static const double iconSize = 44;
+  static const double space = 8;
+  static const double downloadIconSize = 24;
+
+  static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.only(end: 12);
+  static const EdgeInsetsGeometry contentPadding = EdgeInsetsDirectional.all(8);
+
+  static const Color borderColor = AppColor.attachmentFileBorderColor;
+  static const Color downloadIconColor = AppColor.primaryColor;
+
+  static const TextStyle labelTextStyle = TextStyle(
+    fontSize: 14,
+    color: AppColor.attachmentFileNameColor,
+    fontWeight: FontWeight.normal
+  );
+  static const TextStyle dotsLabelTextStyle = TextStyle(
+    fontSize: 12,
+    color: AppColor.attachmentFileNameColor,
+    fontWeight: FontWeight.normal
+  );
+  static const TextStyle sizeLabelTextStyle = TextStyle(
+    fontSize: 12,
+    color: AppColor.attachmentFileSizeColor,
+    fontWeight: FontWeight.normal
+  );
+}
@@ -0,0 +1,38 @@
+
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+
+class FeedbackDraggableAttachmentItemWidgetStyle {
+  static const double radius = 8;
+  static const double iconSize = 24;
+  static const double space = 12;
+  static const double maxWidth = 300;
+
+  static const Color backgroundColor = Colors.white;
+
+  static const EdgeInsetsGeometry padding = EdgeInsets.symmetric(horizontal: 16, vertical: 12);
+
+  static const TextStyle labelTextStyle = TextStyle(
+    color: Colors.black,
+    fontSize: 16,
+    fontWeight: FontWeight.w500
+  );
+  static const TextStyle dotsLabelTextStyle = TextStyle(
+    fontSize: 12,
+    color: Colors.black,
+    fontWeight: FontWeight.w500
+  );
+
+  static const List<BoxShadow> shadows = [
+    BoxShadow(
+      color: AppColor.colorShadowLayerBottom,
+      blurRadius: 96,
+      offset: Offset.zero
+    ),
+    BoxShadow(
+      color: AppColor.colorShadowLayerTop,
+      blurRadius: 2,
+      offset: Offset.zero
+    ),
+  ];
+}