Mastodon
/
Whalebird-desktop-client-mac-linux-windows
mirror of https://github.com/h3poteto/whalebird-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

Improve media alt handling and sizing

This commit is contained in:
L. E. Segovia 2018-11-17 00:11:43 +00:00
parent dff1c2f8c4
commit fb01521781
No known key found for this signature in database
GPG Key ID: D5D1DC48B52B7AD5
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/renderer/components/molecules/Toot.vue
View File

@ -52,7 +52,7 @@
<icon name="eye" class="hide"></icon> <icon name="eye" class="hide"></icon>
</el-button> </el-button>
<div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message)"> <div class="media" v-bind:key="media.preview_url" v-for="media in mediaAttachments(message)">
<FailoverImg :src="media.preview_url" @click="openImage(media.url, mediaAttachments(message))"/> <FailoverImg :src="media.preview_url" @click="openImage(media.url, mediaAttachments(message))" :title="media.description" />
<el-tag class="media-label" size="mini" v-if="media.type == 'gifv'">GIF</el-tag> <el-tag class="media-label" size="mini" v-if="media.type == 'gifv'">GIF</el-tag>
<el-tag class="media-label" size="mini" v-else-if="media.type == 'video'">VIDEO</el-tag> <el-tag class="media-label" size="mini" v-else-if="media.type == 'video'">VIDEO</el-tag>
</div> </div>
@ -589,6 +589,7 @@ export default {
.media { .media {
float: left; float: left;
margin-right: 8px; margin-right: 8px;
margin-bottom: 4px;
width: 200px; width: 200px;
height: 200px; height: 200px;