yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 12:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

added template, how looking chat with users

Browse Source
This commit is contained in:
Kostya
2023-11-19 14:21:25 +03:00
parent ab907135db
commit 99c9de82f6
2 changed files with 88 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
luckydiamond/src/assets/css/ElementsStyles/chat.css
View File

@@ -61,5 +61,13 @@
align-items: center; align-items: center;
text-align: center; text-align: center;
flex-direction: column; flex-direction: column;
margin-left: 23px; margin-left: 13px;
color: #fff;
font-size: 12px;
font-weight: 800;
font-family: Montserrat;
}
.content p {
margin-top: 5px;
} }

79
luckydiamond/src/pages/ChatElement.vue
View File

@@ -16,10 +16,87 @@
<img src="@/assets/icons-test/person-icon-chat.png"> <img src="@/assets/icons-test/person-icon-chat.png">
</div> </div>
<div class="content"> <div class="content">
<h3>User Name</h3> <h1>User Name</h1>
<p>msg content</p> <p>msg content</p>
</div> </div>
</div> </div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
<div class="card__user">
<div class="user__icon">
<img src="@/assets/icons-test/person-icon-chat.png">
</div>
<div class="content">
<h1>User Name</h1>
<p>msg content</p>
</div>
</div>
</div>
<div class="write">
<div class="write__content">
<h1>123</h1>
</div>
</div> </div>
</aside> </aside>
</template> </template>