Mastodon/Whalebird-desktop-client-mac-linux-windows
1
0
Fork 0
mirror of https://github.com/h3poteto/whalebird-desktop synced 2025-02-02 02:16:46 +01:00
Code Issues Releases Wiki Activity

refs #120 Show followed status in account profile

Browse Source
This commit is contained in:
AkiraFukushima 2018-03-30 20:11:53 +09:00
parent 3e4de3327d
commit 89c561c8c6
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
View File

@ -4,6 +4,8 @@
<div class="header">
<div class="follow-follower" v-if="relationship !== null">
<div class="follower-status">
<span class="status" v-if="relationship.followed_by">Follows you</span>
<span class="status" v-else>Doesn't follow you</span>
</div>
<div class="follow-status">
<icon name="user-times" scale="1.5" class="unfollow" v-if="relationship.following"></icon>
@ -25,11 +27,11 @@
</div>
<el-row class="basic-info">
<el-col :span="8"class="info">
<div class="title">Posts</div>
<div class="title">Toots</div>
<div class="count">{{ account.statuses_count }}</div>
</el-col>
<el-col :span="8"class="info">
<div class="title">Following</div>
<div class="title">Follows</div>
<div class="count">{{ account.following_count }}</div>
</el-col>
<el-col :span="8"class="info">
@ -103,6 +105,12 @@ function findLink (target) {
.follow-follower {
.follower-status {
float: left;
.status {
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.3);
padding: 4px 8px;
}
}
.follow-status {
float: right;