added template vision msg

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

@@ -37,3 +37,29 @@
     border-radius: 6px;
     background: #3D3F48;
 }
+
+.chat__content--users {
+    height: 70%;
+}
+
+.card__user {
+    margin-top: 24px;
+    margin: 24px 70px 0px 23px;
+    display: flex;
+}
+
+.user__icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
+.content {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    flex-direction: column;
+    margin-left: 23px;
+}

luckydiamond/src/pages/ChatElement.vue

@@ -10,6 +10,17 @@
         </div>
       </div>
     </div>
+    <div class="chat__content--users">
+      <div class="card__user">
+        <div class="user__icon">
+          <img src="@/assets/icons-test/person-icon-chat.png">
+        </div>
+        <div class="content">
+          <h3>User Name</h3>
+          <p>msg content</p>
+        </div>
+      </div>
+    </div>
   </aside>
 </template>