Extract user's profile
This commit is contained in:
parent
ce216d218b
commit
f2c5dc468c
10 changed files with 102 additions and 69 deletions
|
|
@ -1,8 +1,14 @@
|
|||
<mk-user-preview><a class="avatar-anchor" href={ CONFIG.url + '/' + user.username }><img class="avatar" src={ user.avatar_url + '?thumbnail&size=64' } alt="avatar"/></a>
|
||||
<mk-user-preview>
|
||||
<a class="avatar-anchor" href={ CONFIG.url + '/' + user.username }>
|
||||
<img class="avatar" src={ user.avatar_url + '?thumbnail&size=64' } alt="avatar"/>
|
||||
</a>
|
||||
<div class="main">
|
||||
<header><a class="name" href={ CONFIG.url + '/' + user.username }>{ user.name }</a><span class="username">@{ user.username }</span></header>
|
||||
<header>
|
||||
<a class="name" href={ CONFIG.url + '/' + user.username }>{ user.name }</a>
|
||||
<span class="username">@{ user.username }</span>
|
||||
</header>
|
||||
<div class="body">
|
||||
<div class="bio">{ user.bio }</div>
|
||||
<div class="description">{ user.description }</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
|
|
@ -75,7 +81,7 @@
|
|||
|
||||
> .body
|
||||
|
||||
> .bio
|
||||
> .description
|
||||
cursor default
|
||||
display block
|
||||
margin 0
|
||||
|
|
|
|||
|
|
@ -14,13 +14,13 @@
|
|||
<span class="username">@{ user.username }</span>
|
||||
<span class="followed" if={ user.is_followed }>フォローされています</span>
|
||||
</div>
|
||||
<div class="bio">{ user.bio }</div>
|
||||
<div class="description">{ user.description }</div>
|
||||
<div class="info">
|
||||
<p class="location" if={ user.location }>
|
||||
<i class="fa fa-map-marker"></i>{ user.location }
|
||||
<p class="location" if={ user.profile.location }>
|
||||
<i class="fa fa-map-marker"></i>{ user.profile.location }
|
||||
</p>
|
||||
<p class="birthday" if={ user.birthday }>
|
||||
<i class="fa fa-birthday-cake"></i>{ user.birthday.replace('-', '年').replace('-', '月') + '日' } ({ age(user.birthday) }歳)
|
||||
<p class="birthday" if={ user.profile.birthday }>
|
||||
<i class="fa fa-birthday-cake"></i>{ user.profile.birthday.replace('-', '年').replace('-', '月') + '日' } ({ age(user.profile.birthday) }歳)
|
||||
</p>
|
||||
</div>
|
||||
<div class="friends">
|
||||
|
|
@ -119,7 +119,7 @@
|
|||
background #f8f8f8
|
||||
border-radius 4px
|
||||
|
||||
> .bio
|
||||
> .description
|
||||
margin 8px 0
|
||||
color #333
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue