Commit 5b274364 authored by Hakaba Hitoyo's avatar Hakaba Hitoyo Committed by HJ

Small improve of the who to follow panel layout

parent e9e7b36c
......@@ -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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment