add styles for maxwidth content p in chat

luckydiamond/src/assets/css/ElementsStyles/chat.css

@@ -1,6 +1,5 @@
 .chat {
     margin: 9px 12px 0px 0px;
-
 }
 
 .chat__content {
@@ -31,6 +30,12 @@
     font-size: 18px;
 }
 
+.content p {
+    width: 80%;
+    word-wrap: break-word;
+    margin: 0 auto;
+}
+
 .chat__icon {
     margin-top: 10px;
     margin-left: -2px;

luckydiamond/src/components/WritechatComponent.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="write">
     <div class="write__content">
-      <input type="text" v-model.trim="msg" placeholder="Напишите сообщение...">
+      <input type="text" v-model.trim="msg" placeholder="Напишите сообщение..." maxlength="22">
       <button
           :disabled="CheckerforBtn()"
           type="submit"

luckydiamond/src/pages/ChatElement.vue

@@ -54,6 +54,10 @@ export default {
       }
 
       this.array.push(MsgUser)
+
+      if(this.array.length > 7) {
+        this.array.shift()
+      }
     }
   }
 }