style: 客人名称和头像显示

src/views/Conversations/Components/MessagesHeader.jsx

@@ -25,7 +25,7 @@ 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={true} justify='space-between'>
+          <Flex vertical={false} gap={12} justify='space-between'>
             <Typography.Text strong>{currentConversation.customer_name}</Typography.Text>
             <Typography.Text>{currentConversation.whatsapp_phone_number}</Typography.Text>
           </Flex>

src/views/Conversations/Conversations.css

@@ -44,4 +44,5 @@
     margin-top: 0;
     margin-left: 5px;
     justify-content: flex-start;
+    font-size: 12px;
 }