Merge remote-tracking branch 'upstream/develop' into refactor-emoji-input
* upstream/develop: Small improve of the who to follow panel layout Fix/Small fix in the who to follow page
This commit is contained in:
commit
ca3140fd3e
|
@ -20,7 +20,8 @@ const WhoToFollow = {
|
|||
id: 0,
|
||||
name: i.display_name,
|
||||
screen_name: i.acct,
|
||||
profile_image_url: i.avatar || '/images/avi.png'
|
||||
profile_image_url: i.avatar || '/images/avi.png',
|
||||
profile_image_url_original: i.avatar || '/images/avi.png'
|
||||
}
|
||||
this.users.push(user)
|
||||
|
||||
|
|
|
@ -6,14 +6,18 @@
|
|||
{{$t('who_to_follow.who_to_follow')}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel-body who-to-follow">
|
||||
<span v-for="user in usersToFollow">
|
||||
<div class="who-to-follow">
|
||||
<p v-for="user in usersToFollow" class="who-to-follow-items">
|
||||
<img v-bind:src="user.img" />
|
||||
<router-link v-bind:to="userProfileLink(user.id, user.name)">
|
||||
{{user.name}}
|
||||
</router-link><br />
|
||||
</span>
|
||||
<img v-bind:src="$store.state.instance.logo"> <router-link :to="{ name: 'who-to-follow' }">{{$t('who_to_follow.more')}}</router-link>
|
||||
</p>
|
||||
<p class="who-to-follow-more">
|
||||
<router-link :to="{ name: 'who-to-follow' }">
|
||||
{{$t('who_to_follow.more')}}
|
||||
</router-link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -30,11 +34,19 @@
|
|||
height: 32px;
|
||||
}
|
||||
.who-to-follow {
|
||||
padding: 0.5em 1em 0.5em 1em;
|
||||
padding: 0em 1em;
|
||||
margin: 0px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.who-to-follow-items {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0px;
|
||||
margin: 1em 0em;
|
||||
}
|
||||
.who-to-follow-more {
|
||||
padding: 0px;
|
||||
margin: 1em 0em;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue