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

added template vision msg

Browse Source
This commit is contained in:
Kostya
2023-11-19 14:14:54 +03:00
parent e57e55f8ad
commit ab907135db
3 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -37,3 +37,29 @@
border-radius: 6px; border-radius: 6px;
background: #3D3F48; 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;
}

BIN
luckydiamond/src/assets/icons-test/person-icon-chat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1017 B

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

@@ -10,6 +10,17 @@
</div> </div>
</div> </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> </aside>
</template> </template>