Improve usability
This commit is contained in:
parent
388565fb10
commit
146b0d2889
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue