new mobile version fix focus on text

frontend/src/components/chatPage/ChatPage.jsx

@@ -203,6 +203,13 @@ export const ChatPage = () => {
                                 socket.emit('userWriting');
                                 setMessage({message: e.target.value})}
                             } 
+                            onFocus={ e => {
+                                e.target.className = 'focus'
+                            }}
+                            onBlur={e=> {
+                                e.target.className = 'blur'
+
+                            }}
                         
                         /> 
 

frontend/src/components/chatPage/chatPage.scss

@@ -4,6 +4,12 @@
     margin: 0 auto;
 }
 
+.focus {
+    max-width: 80%;
+}
+.blur {
+    width: 100%;
+}
 
 .rootBox {
     display: flex;