commit: 0ecf23881d1eea4ed46f151eaee2164ff390c926
parent: e9e7b36c6931b886f750c7fc542989220f95116f
Author: HJ <30-hj@users.noreply.git.pleroma.social>
Date: Wed, 5 Jun 2019 17:43:35 +0000
Merge branch 'small-improve-of-who-to-follow-panel-layout' into 'develop'
Small improve of the who to follow panel layout
See merge request pleroma/pleroma-fe!821
Diffstat:
1 file changed, 18 insertions(+), 6 deletions(-)
diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.vue b/src/components/who_to_follow_panel/who_to_follow_panel.vue
@@ -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>