fixed styles

T-Damer · Aug 23, 2021 · d8f0408 · d8f0408
1 parent c20c37d
commit d8f0408
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/client/src/components/Chat/Chat.css b/client/src/components/Chat/Chat.css
@@ -12,8 +12,8 @@
   justify-content: space-between;
   background: #ffffff;
   border-radius: 8px;
-  height: 60%;
-  width: 35%;
+  height: 80%;
+  width: 60%;
 }
 
 @media (min-width: 320px) and (max-width: 480px) {
@@ -29,6 +29,6 @@
 
 @media (min-width: 480px) and (max-width: 1200px) {
   .chat__container {
-    width: 60%;
+    width: 80%;
   }
 }
diff --git a/client/src/components/Messages/Message/Message.js b/client/src/components/Messages/Message/Message.js
@@ -11,7 +11,7 @@ const Message = ({ message: { user, text }, name }) => {
   }
 
   return isSentByCurrentUser ? (
-    <div className="meesageContainer justifyEnd">
+    <div className="messageContainer justifyEnd">
       <p className="sentText pr-10">{trimName}</p>
       <div className="messageBox backgroundBlue">
         <p className="messageText">
@@ -20,7 +20,7 @@ const Message = ({ message: { user, text }, name }) => {
       </div>
     </div>
   ) : (
-    <div className="meesageContainer justifyStart">
+    <div className="messageContainer justifyStart">
       <div className="messageBox backgroundLight">
         <p className="messageText colorDark">
           {ReactEmoji.emojify(text)}