Improve usability

This commit is contained in:
syuilo 2019-02-18 11:16:52 +09:00
parent 388565fb10
commit 146b0d2889
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69

View file

@ -16,9 +16,9 @@
<button class="menu" @click="menu" ref="menu"><fa icon="ellipsis-h"/></button> <button class="menu" @click="menu" ref="menu"><fa icon="ellipsis-h"/></button>
<mk-follow-button v-if="$store.getters.isSignedIn && user.id != $store.state.i.id" :user="user" class="follow" mini/> <mk-follow-button v-if="$store.getters.isSignedIn && user.id != $store.state.i.id" :user="user" class="follow" mini/>
<mk-avatar class="avatar" :user="user" :disable-preview="true"/> <mk-avatar class="avatar" :user="user" :disable-preview="true"/>
<span class="name"> <router-link class="name" :to="user | userPage()">
<mk-user-name :user="user"/> <mk-user-name :user="user"/>
</span> </router-link>
<span class="acct">@{{ user | acct }} <fa v-if="user.isLocked == true" class="locked" icon="lock" fixed-width/></span> <span class="acct">@{{ user | acct }} <fa v-if="user.isLocked == true" class="locked" icon="lock" fixed-width/></span>
<span class="followed" v-if="user.isFollowed">{{ $t('follows-you') }}</span> <span class="followed" v-if="user.isFollowed">{{ $t('follows-you') }}</span>
</div> </div>
@ -171,6 +171,7 @@ export default Vue.extend({
margin-top 8px margin-top 8px
font-weight bold font-weight bold
text-shadow 0 0 8px #000 text-shadow 0 0 8px #000
color #fff
> .acct > .acct
display block display block