TF-2116 Create AppBar/BottomBarComposer widget and style

(cherry picked from commit 8ff3f7ede7b61b9485e793b8c00af54d9bd0e273)
This commit is contained in:
dab246
2023-09-06 11:51:09 +07:00
committed by Dat H. Pham
parent 291c2a6bd2
commit 9b1ac0c104
6 changed files with 419 additions and 0 deletions
@@ -0,0 +1,15 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:flutter/material.dart';
class AppBarComposerWidgetStyle {
static const double height = 52;
static const double iconSize = 20;
static const double space = 8;
static const Color backgroundColor = AppColor.colorComposerAppBar;
static const Color iconColor = Colors.black;
static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.symmetric(horizontal: 24);
static const EdgeInsetsGeometry iconPadding = EdgeInsetsDirectional.all(3);
}
@@ -0,0 +1,28 @@
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 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,21 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:flutter/material.dart';
class MobileAppBarComposerWidgetStyle {
static const double height = 56;
static const double iconSize = 24;
static const double space = 12;
static const double iconRadius = 8;
static const double sendButtonIconSize = 28;
static const double richTextIconSize = 28;
static const Color backgroundColor = AppColor.colorComposerAppBar;
static const Color iconColor = AppColor.colorMobileRichButtonComposer;
static const Color selectedBackgroundColor = AppColor.colorSelected;
static const Color selectedIconColor = AppColor.primaryColor;
static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.symmetric(horizontal: 12);
static const EdgeInsetsGeometry iconPadding = EdgeInsetsDirectional.all(3);
static const EdgeInsetsGeometry richTextIconPadding = EdgeInsetsDirectional.all(2);
}