From 3e568b87b74ebcbf09bc23008ce7665d8d708b96 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Mon, 2 Dec 2024 16:02:50 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=B6=88=E6=81=AF=E7=AA=97=E5=8F=A3?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8,=20=E5=85=BC=E5=AE=B9=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Conversations/Online/MessagesHeader.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/Conversations/Online/MessagesHeader.jsx b/src/views/Conversations/Online/MessagesHeader.jsx
index 4c59283..2a8c9ae 100644
--- a/src/views/Conversations/Online/MessagesHeader.jsx
+++ b/src/views/Conversations/Online/MessagesHeader.jsx
@@ -1,6 +1,6 @@
 import useConversationStore from '@/stores/ConversationStore';
 import useAuthStore from '@/stores/AuthStore'
-import { Flex, Typography, Avatar, Alert, Button, Tooltip, Spin } from 'antd';
+import { Flex, Typography, Avatar, Alert, Button, Tooltip, Spin, Space } from 'antd';
 import { ReloadOutlined, ApiOutlined } from '@ant-design/icons';
 import { LoadingOutlined } from '@ant-design/icons';
 import ExpireTimeClock from './ExpireTimeClock';
@@ -35,15 +35,15 @@ const MessagesHeader = () => {
       <Flex gap={16} className='p-1 flex-auto'>
         {/* {currentConversation.customer_name && <Avatar src={`https://api.dicebear.com/7.x/avataaars/svg?seed=${currentConversation.customer_name}`} />} */}
         <Flex flex={'1'} justify='space-between'>
-          <Flex vertical={false} gap={12} justify='space-between'>
+          <Flex vertical={false} gap={12} justify='space-between' align='center'>
             {(currentConversation.coli_sn || currentConversation.sn) ? (
               <>
                 <Typography.Text strong>{currentConversation.show_default}</Typography.Text>
                 {currentConversation.sn ? (
-                  <>
+                  <div className='flex flex-col'>
                     <Typography.Text>{currentConversation?.channels?.whatsapp_phone_number}</Typography.Text>
                     <Typography.Text>{currentConversation?.channels?.email}</Typography.Text>
-                  </>
+                  </div>
                 ) : (
                   <Typography.Text strong type='danger'>
                     没有WhatsApp号码