edit naming for directory /elementsstyles -> /componentstyles in /css

luckydiamond/src/assets/css/ComponentsStyles/chat.css

@@ -0,0 +1,109 @@
+.chat {
+    margin: 9px 12px 0px 0px;
+}
+
+.chat__content {
+    width: 30%;
+}
+
+.chat__container--title {
+    display: flex;
+    user-select: none;
+}
+
+.chat__title {
+    margin: 16px 0px 0px 23px;
+}
+
+.chat__container--title h2 {
+    color: #FFF;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
+    font-size: 18px;
+    font-weight: 700;
+}
+
+.content p {
+    width: 80%;
+    word-wrap: break-word;
+    margin: 0 auto;
+}
+
+.chat__content--users {
+    height: 70%;
+}
+
+.card__user {
+    margin: 24px 70px 0px 23px;
+    display: flex;
+}
+
+.fade-enter-active, .fade-leave-active {
+    transition: opacity 0.5s, transform 0.5s;
+}
+.fade-enter, .fade-leave-to {
+    opacity: 0;
+    transform: translateY(20px);
+}
+
+.user__icon {
+    display: flex;
+}
+
+.user__icon img {
+    width: 40px;
+    height: 40px;
+}
+
+.content {
+    margin-left: 13px;
+    color: #fff;
+    font-size: 12px;
+    font-weight: 800;
+    font-family: Montserrat;
+}
+
+.content p {
+    margin-top: 5px;
+}
+
+.write {
+    position: absolute;
+    bottom: 0;
+    margin: 24px 87px 22px 16px;
+    user-select: none;
+    width: 50%;
+}
+
+.write__content {
+    display: flex;
+    align-items: center;
+}
+
+.write__content input {
+    padding: 14px 35% 14px 12px;
+    border-radius: 13px;
+    background: #22252F;
+    color: #A9A99D;
+    border: none;
+}
+
+.write__content input::placeholder {
+    color: #A9A99D;
+    font-weight: 800;
+    font-family: Montserrat;
+    font-size: 12px;
+}
+
+.write__content button {
+    padding: 8px 9px;
+    margin-left: -20px;
+    border-radius: 6px;
+    background: #3D3F48;
+    border: none;
+    cursor: pointer;
+}
+
+.write__content button:disabled {
+    cursor: not-allowed;
+}