Remove legacy class names in BasicUserCard

This commit is contained in:
taehoon 2019-02-26 06:57:29 -05:00
parent 0d283c3f17
commit 30f5bf1463

View file

@ -9,16 +9,14 @@
<div class="user-card-collapsed-content" v-else> <div class="user-card-collapsed-content" v-else>
<div class="user-card-primary-secondary-wrapper"> <div class="user-card-primary-secondary-wrapper">
<div class="user-card-primary-area"> <div class="user-card-primary-area">
<div :title="user.name" class="user-name"> <div :title="user.name" class="user-card-user-name">
<span v-if="user.name_html" v-html="user.name_html"></span> <span v-if="user.name_html" v-html="user.name_html"></span>
<span v-else>{{ user.name }}</span> <span v-else>{{ user.name }}</span>
</div> </div>
<div> <router-link :to="userProfileLink(user)">
<router-link class='user-screen-name' :to="userProfileLink(user)">
@{{user.screen_name}} @{{user.screen_name}}
</router-link> </router-link>
</div> </div>
</div>
<div class="user-card-secondary-area"> <div class="user-card-secondary-area">
<slot name="secondary-area"></slot> <slot name="secondary-area"></slot>
</div> </div>
@ -61,7 +59,9 @@
&-primary-area { &-primary-area {
flex: 1; flex: 1;
.user-name { }
&-user-name {
img { img {
object-fit: contain; object-fit: contain;
height: 16px; height: 16px;
@ -69,7 +69,6 @@
vertical-align: middle; vertical-align: middle;
} }
} }
}
&-secondary-area { &-secondary-area {
flex: none; flex: none;