ユーザーリストでフォローボタンを表示するように (#4654)

This commit is contained in:
MeiMei 2019-04-08 20:18:42 +09:00 committed by syuilo
parent ee468861ba
commit 8aa6b24638

View File

@ -8,7 +8,7 @@
<div class="no-users" v-if="inited && us.length == 0"> <div class="no-users" v-if="inited && us.length == 0">
<p>{{ $t('no-users') }}</p> <p>{{ $t('no-users') }}</p>
</div> </div>
<div class="user" v-for="user in us"> <div class="user" v-for="user in us" :key="user.id">
<mk-avatar class="avatar" :user="user"/> <mk-avatar class="avatar" :user="user"/>
<div class="body" v-if="!iconOnly"> <div class="body" v-if="!iconOnly">
<div class="name"> <div class="name">
@ -18,6 +18,7 @@
<div class="description" v-if="user.description" :title="user.description"> <div class="description" v-if="user.description" :title="user.description">
<mfm :text="user.description" :is-note="false" :author="user" :i="$store.state.i" :custom-emojis="user.emojis" :should-break="false" :plain-text="true"/> <mfm :text="user.description" :is-note="false" :author="user" :i="$store.state.i" :custom-emojis="user.emojis" :should-break="false" :plain-text="true"/>
</div> </div>
<mk-follow-button class="follow-button" v-if="$store.getters.isSignedIn && user.id != $store.state.i.id" :user="user" mini/>
</div> </div>
</div> </div>
<button class="more" :class="{ fetching: fetchingMoreUsers }" v-if="cursor != null" @click="fetchMoreUsers()" :disabled="fetchingMoreUsers"> <button class="more" :class="{ fetching: fetchingMoreUsers }" v-if="cursor != null" @click="fetchMoreUsers()" :disabled="fetchingMoreUsers">
@ -160,6 +161,12 @@ export default Vue.extend({
text-overflow ellipsis text-overflow ellipsis
opacity 0.7 opacity 0.7
font-size 14px font-size 14px
padding-right 40px
> .follow-button
position absolute
top 8px
right 0px
> .more > .more
display block display block