Mastodon/Whalebird-desktop-client-mac-linux-windows
1
0
Fork 0
mirror of https://github.com/h3poteto/whalebird-desktop synced 2025-02-02 10:26:50 +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="header">
<div class="follow-follower" v-if="relationship !== null"> <div class="follow-follower" v-if="relationship !== null">
<div class="follower-status"> <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>
<div class="follow-status"> <div class="follow-status">
<icon name="user-times" scale="1.5" class="unfollow" v-if="relationship.following"></icon> <icon name="user-times" scale="1.5" class="unfollow" v-if="relationship.following"></icon>
@ -25,11 +27,11 @@
</div> </div>
<el-row class="basic-info"> <el-row class="basic-info">
<el-col :span="8"class="info"> <el-col :span="8"class="info">
<div class="title">Posts</div> <div class="title">Toots</div>
<div class="count">{{ account.statuses_count }}</div> <div class="count">{{ account.statuses_count }}</div>
</el-col> </el-col>
<el-col :span="8"class="info"> <el-col :span="8"class="info">
<div class="title">Following</div> <div class="title">Follows</div>
<div class="count">{{ account.following_count }}</div> <div class="count">{{ account.following_count }}</div>
</el-col> </el-col>
<el-col :span="8"class="info"> <el-col :span="8"class="info">
@ -103,6 +105,12 @@ function findLink (target) {
.follow-follower { .follow-follower {
.follower-status { .follower-status {
float: left; float: left;
.status {
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.3);
padding: 4px 8px;
}
} }
.follow-status { .follow-status {
float: right; float: right;