From 1e7868f2202daa3910c6fa3962bba18e4459c202 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 19 Nov 2023 16:00:46 +0300
Subject: [PATCH] add styles for maxwidth content p in chat

---
 luckydiamond/src/assets/css/ElementsStyles/chat.css | 7 ++++++-
 luckydiamond/src/components/WritechatComponent.vue  | 2 +-
 luckydiamond/src/pages/ChatElement.vue              | 4 ++++
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/luckydiamond/src/assets/css/ElementsStyles/chat.css b/luckydiamond/src/assets/css/ElementsStyles/chat.css
index ea82cee..f2a5bb0 100644
--- a/luckydiamond/src/assets/css/ElementsStyles/chat.css
+++ b/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;
diff --git a/luckydiamond/src/components/WritechatComponent.vue b/luckydiamond/src/components/WritechatComponent.vue
index eab3f33..a4b5309 100644
--- a/luckydiamond/src/components/WritechatComponent.vue
+++ b/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"
diff --git a/luckydiamond/src/pages/ChatElement.vue b/luckydiamond/src/pages/ChatElement.vue
index b942166..4a20fc1 100644
--- a/luckydiamond/src/pages/ChatElement.vue
+++ b/luckydiamond/src/pages/ChatElement.vue
@@ -54,6 +54,10 @@ export default {
       }
 
       this.array.push(MsgUser)
+
+      if(this.array.length > 7) {
+        this.array.shift()
+      }
     }
   }
 }