Mastodon
/
Whalebird-desktop-client-mac-linux-windows
mirror of https://github.com/h3poteto/whalebird-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #656 from h3poteto/iss-644 

closes #644 Show profile's metadata in account profile
This commit is contained in:
AkiraFukushima 2018-10-13 00:54:39 +09:00 committed by GitHub
parent dc938e16a9 7c6a2d398a
commit b56a7fd52b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 38 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -67,6 +67,15 @@
<div class="note" v-html="account.note" @click.capture.prevent="noteClick"></div>
</div>
</div>
<div class="metadata">
<dl v-for="(data, index) in account.fields" :key="index">
<dt>
{{ data.name }}
</dt>
<dd v-html="data.value">
</dd>
</dl>
</div>
<el-row class="basic-info">
<el-col :span="8" :class="activeTab === 1 ? 'info info-active' : 'info'" @click="changeTab">
<el-button type="text" class="tab" @click="changeTab(1)">
@ -312,6 +321,35 @@ function findLink (target) {
}
}
.metadata {
dl {
display: flex;
border-top: 1px solid var(--theme-border-color);
margin: 0;
dt {
background-color: var(--theme-selected-background-color);
flex: 0 0 auto;
width: 120px;
text-align: center;
padding: 16px 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
dd {
flex: 1 1 auto;
padding: 16px 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
margin: 0;
}
}
}
.basic-info {
.info {
border-top: solid 1px var(--theme-border-color);