butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Fix cropped quick reactions on images

Browse source 
Unify placement across different message bubble types. Work on issue #122.
This commit is contained in:
N-Pex 2021-05-06 23:12:02 +02:00
parent 2df8ba3dff
commit 9b11f2274a
13 changed files with 119 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/components/messages/MessageOutgoingVideo.vue
View file

@ -5,13 +5,20 @@
><v-icon>more_vert</v-icon></v-btn
>
</div>
<QuickReactions :event="event" :reactions="reactions" />
<div class="bubble image-bubble">
<v-responsive :aspect-ratio="16 / 9" class="ma-0 pa-0">
<video :src="src" controls style="width:100%;height:100%">Video file</video>
<video :src="src" controls style="width: 100%; height: 100%">
Video file
</video>
</v-responsive>
<QuickReactions :event="event" :reactions="reactions" />
</div>
<v-avatar class="avatar" size="32" color="#ededed" @click.stop="ownAvatarClicked">
<v-avatar
class="avatar"
size="32"
color="#ededed"
@click.stop="ownAvatarClicked"
>
<img v-if="userAvatar" :src="userAvatar" />
<span v-else class="white--text headline">{{ userAvatarLetter }}</span>
</v-avatar>