opt desktop chat page style

flutter/lib/common/widgets/overlay.dart

@@ -36,7 +36,7 @@ class DraggableChatWindow extends StatelessWidget {
                   appBar: CustomAppBar(
                     onPanUpdate: onPanUpdate,
                     appBar: isDesktop
-                        ? _buildDesktopAppBar()
+                        ? _buildDesktopAppBar(context)
                         : _buildMobileAppBar(context),
                   ),
                   body: ChatPage(chatModel: chatModel),
@@ -82,33 +82,33 @@ class DraggableChatWindow extends StatelessWidget {
     );
   }
 
-  Widget _buildDesktopAppBar() {
+  Widget _buildDesktopAppBar(BuildContext context) {
     return Container(
-      color: MyTheme.accent50,
+      decoration: BoxDecoration(
-      height: 35,
+          border: Border(
+              bottom: BorderSide(
+                  color: Theme.of(context).hintColor.withOpacity(0.4)))),
+      height: 38,
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
           Padding(
-              padding: const EdgeInsets.symmetric(horizontal: 15),
+              padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 8),
-              child: Text(
+              child: Row(children: [
-                translate("Chat"),
+                Icon(Icons.chat_bubble_outline,
-                style: const TextStyle(
+                    size: 20, color: Theme.of(context).colorScheme.primary),
-                    color: Colors.white,
+                SizedBox(width: 6),
-                    fontFamily: 'WorkSans',
+                Text(translate("Chat"))
-                    fontWeight: FontWeight.bold),
+              ])),
-              )),
+          Padding(
-          Row(
+              padding: EdgeInsets.all(2),
-            crossAxisAlignment: CrossAxisAlignment.center,
+              child: ActionIcon(
-            children: [
-              ActionIcon(
                 message: 'Close',
                 icon: IconFont.close,
                 onTap: chatModel.hideChatWindowOverlay,
                 isClose: true,
-              )
+                size: 32,
-            ],
+              ))
-          )
         ],
       ),
     );

flutter/lib/desktop/widgets/tabbar_widget.dart

@@ -799,13 +799,15 @@ class ActionIcon extends StatelessWidget {
   final IconData icon;
   final Function() onTap;
   final bool isClose;
-  const ActionIcon({
+  final double? size;
-    Key? key,
+  const ActionIcon(
-    required this.message,
+      {Key? key,
-    required this.icon,
+      required this.message,
-    required this.onTap,
+      required this.icon,
-    required this.isClose,
+      required this.onTap,
-  }) : super(key: key);
+      required this.isClose,
+      this.size})
+      : super(key: key);
 
   @override
   Widget build(BuildContext context) {
@@ -820,8 +822,8 @@ class ActionIcon extends StatelessWidget {
             onHover: (value) => hover.value = value,
             onTap: onTap,
             child: SizedBox(
-              height: _kTabBarHeight - 1,
+              height: size ?? (_kTabBarHeight - 1),
-              width: _kTabBarHeight - 1,
+              width: size ?? (_kTabBarHeight - 1),
               child: Icon(
                 icon,
                 color: hover.value && isClose

flutter/lib/mobile/pages/chat_page.dart

@@ -61,19 +61,36 @@ class ChatPage extends StatelessWidget implements PageShape {
                           [],
                       inputOptions: InputOptions(
                           sendOnEnter: true,
-                          inputDecoration: defaultInputDecoration(
-                              hintText: "${translate('Write a message')}...",
-                              fillColor: Theme.of(context).backgroundColor),
-                          sendButtonBuilder: defaultSendButton(
-                              color: Theme.of(context)
-                                  .textTheme
-                                  .titleLarge!
-                                  .color!),
                           inputTextStyle: TextStyle(
+                              fontSize: 14,
                               color: Theme.of(context)
                                   .textTheme
                                   .titleLarge
-                                  ?.color)),
+                                  ?.color),
+                          inputDecoration: isDesktop
+                              ? InputDecoration(
+                                  isDense: true,
+                                  hintText:
+                                      "${translate('Write a message')}...",
+                                  filled: true,
+                                  fillColor: Theme.of(context).backgroundColor,
+                                  contentPadding: EdgeInsets.all(10),
+                                  border: OutlineInputBorder(
+                                    borderRadius: BorderRadius.circular(6),
+                                    borderSide: const BorderSide(
+                                      width: 0,
+                                      style: BorderStyle.none,
+                                    ),
+                                  ),
+                                )
+                              : defaultInputDecoration(
+                                  hintText:
+                                      "${translate('Write a message')}...",
+                                  fillColor: Theme.of(context).backgroundColor),
+                          sendButtonBuilder: defaultSendButton(
+                              padding: EdgeInsets.symmetric(
+                                  horizontal: 6, vertical: 0),
+                              color: Theme.of(context).colorScheme.primary)),
                       messageOptions: MessageOptions(
                           showOtherUsersAvatar: false,
                           showTime: true,