subtype/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Remove legacy class names in BasicUserCard

Browse source
This commit is contained in:
taehoon 2019-02-26 06:57:29 -05:00
parent 0d283c3f17
commit 30f5bf1463
1 changed files with 12 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/components/basic_user_card/basic_user_card.vue
View file

@ -9,15 +9,13 @@
<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>
@ -61,13 +59,14 @@
&-primary-area { &-primary-area {
flex: 1; flex: 1;
.user-name { }
img {
object-fit: contain; &-user-name {
height: 16px; img {
width: 16px; object-fit: contain;
vertical-align: middle; height: 16px;
} width: 16px;
vertical-align: middle;
} }
} }