[Client] Better design

This commit is contained in:
syuilo 2017-02-16 10:45:06 +09:00
parent 3cd5abe78c
commit 32b1afb626
1 changed files with 11 additions and 8 deletions

View File

@ -1,8 +1,16 @@
<mk-post-preview> <mk-post-preview>
<article><a class="avatar-anchor" href={ CONFIG.url + '/' + post.user.username }><img class="avatar" src={ post.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/></a> <article>
<a class="avatar-anchor" href={ CONFIG.url + '/' + post.user.username }>
<img class="avatar" src={ post.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/>
</a>
<div class="main"> <div class="main">
<header><a class="name" href={ CONFIG.url + '/' + post.user.username }>{ post.user.name }</a><span class="username">@{ post.user.username }</span><a class="time" href={ CONFIG.url + '/' + post.user.username + '/' + post.id }> <header>
<mk-time time={ post.created_at }></mk-time></a></header> <a class="name" href={ CONFIG.url + '/' + post.user.username }>{ post.user.name }</a>
<span class="username">@{ post.user.username }</span>
<a class="time" href={ CONFIG.url + '/' + post.user.username + '/' + post.id }>
<mk-time time={ post.created_at }></mk-time>
</a>
</header>
<div class="body"> <div class="body">
<mk-sub-post-content class="text" post={ post }></mk-sub-post-content> <mk-sub-post-content class="text" post={ post }></mk-sub-post-content>
</div> </div>
@ -17,11 +25,6 @@
background #fff background #fff
> article > article
padding 8px 16px 8px 16px
@media (min-width 500px)
padding 8px 32px 8px 32px
&:after &:after
content "" content ""
display block display block