diff --git a/luckydiamond/src/assets/css/ElementsStyles/chat.css b/luckydiamond/src/assets/css/ElementsStyles/chat.css index 0f81d56..97248b9 100644 --- a/luckydiamond/src/assets/css/ElementsStyles/chat.css +++ b/luckydiamond/src/assets/css/ElementsStyles/chat.css @@ -61,5 +61,13 @@ align-items: center; text-align: center; flex-direction: column; - margin-left: 23px; -} \ No newline at end of file + margin-left: 13px; + color: #fff; + font-size: 12px; + font-weight: 800; + font-family: Montserrat; +} + +.content p { + margin-top: 5px; +} diff --git a/luckydiamond/src/pages/ChatElement.vue b/luckydiamond/src/pages/ChatElement.vue index b8ebd90..2c383b4 100644 --- a/luckydiamond/src/pages/ChatElement.vue +++ b/luckydiamond/src/pages/ChatElement.vue @@ -16,10 +16,87 @@
-

User Name

+

User Name

msg content

+
+
+ +
+
+

User Name

+

msg content

+
+
+
+
+ +
+
+

User Name

+

msg content

+
+
+
+
+ +
+
+

User Name

+

msg content

+
+
+
+
+ +
+
+

User Name

+

msg content

+
+
+
+
+ +
+
+

User Name

+

msg content

+
+
+
+
+ +
+
+

User Name

+

msg content

+
+
+
+
+ +
+
+

User Name

+

msg content

+
+
+
+
+ +
+
+

User Name

+

msg content

+
+
+ +
+
+

123

+