styling message.jsx

Celesca · Nov 25, 2024 · 5afd12e · 5afd12e
1 parent 71374c4
commit 5afd12e
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/frontend/src/message.jsx b/frontend/src/message.jsx
@@ -17,11 +17,14 @@ const Message = () => {
 
   return (
     <div className="flex h-screen bg-gray-100">
-      {/* Chat List */}
-      <ChatList contacts={contacts} onSelectChat={handleChatSelect} />
+
+      <div className="flex flex-1 pt-4">
+
+        <ChatList contacts={contacts} onSelectChat={handleChatSelect} />
 
-      {/* Chat Box */}
-      <ChatBox activeChat={activeChat} />
+        {/* Chat Box */}
+        <ChatBox activeChat={activeChat} />
+      </div>
     </div>
   );
 };