collateral fixes for user-card: use still-image, styles for custom emoji

This commit is contained in:
Henry Jameson 2018-12-17 19:17:03 +03:00
parent 8f255fbad4
commit 23d434c40c
2 changed files with 12 additions and 2 deletions

View file

@ -1,4 +1,5 @@
import UserCardContent from '../user_card_content/user_card_content.vue'
import StillImage from '../still-image/still-image.vue'
const UserCard = {
props: [
@ -12,7 +13,8 @@ const UserCard = {
}
},
components: {
UserCardContent
UserCardContent,
StillImage
},
computed: {
currentUser () { return this.$store.state.users.currentUser }

View file

@ -1,7 +1,7 @@
<template>
<div class="card">
<a href="#">
<img @click.prevent="toggleUserExpanded" class="avatar" :src="user.profile_image_url">
<StillImage @click.prevent="toggleUserExpanded" class="avatar" :src="user.profile_image_url"/>
</a>
<div class="usercard" v-if="userExpanded">
<user-card-content :user="user" :switcher="false"></user-card-content>
@ -40,6 +40,14 @@
margin-top:0.0em;
text-align: left;
width: 100%;
.user-name {
img {
object-fit: contain;
height: 16px;
width: 16px;
vertical-align: middle;
}
}
}
.follows-you {