puniko/pleroma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Packages Projects Releases Wiki Activity

WIP attachments

Browse source
This commit is contained in:
eugenijm 2020-05-11 23:34:27 +03:00
parent fc3d7a7565
commit 6c487f0c58
2 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/chat_message/chat_message.scss
View file

@ -38,7 +38,7 @@
.avatar-wrapper { .avatar-wrapper {
margin-right: 10px; margin-right: 10px;
// margin-top: 13px; // margin-top: 13px;
top: 5px; // top: 5px;
width: 32px; width: 32px;
position: relative; position: relative;
@ -60,6 +60,7 @@
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
max-width: 80%; max-width: 80%;
width: 100%;
position: relative; position: relative;
float: right; float: right;
min-width: 10rem; min-width: 10rem;

24
src/components/chat_message/chat_message.vue
View file

@ -26,17 +26,19 @@
</router-link> </router-link>
</div> </div>
<div class="direct-conversation-inner"> <div class="direct-conversation-inner">
<div class="media status"> <div class="status-body" :style="{ 'min-width': message.attachment ? '80%' : '' }">
<StatusContent <div class="media status">
:status="messageForStatusContent" <StatusContent
:full-content="true"> :status="messageForStatusContent"
<span :full-content="true">
slot="footer" <span
class="created-at" slot="footer"
> class="created-at"
{{ createdAt }} >
</span> {{ createdAt }}
</StatusContent> </span>
</StatusContent>
</div>
</div> </div>
</div> </div>
</div> </div>