From 32b1afb62606d40ac96e1dd37257bbefb9ec933a Mon Sep 17 00:00:00 2001 From: syuilo <syuilotan@yahoo.co.jp> Date: Thu, 16 Feb 2017 10:45:06 +0900 Subject: [PATCH] [Client] Better design --- src/web/app/mobile/tags/post-preview.tag | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/src/web/app/mobile/tags/post-preview.tag b/src/web/app/mobile/tags/post-preview.tag index 61023ce96..0ea3356ef 100644 --- a/src/web/app/mobile/tags/post-preview.tag +++ b/src/web/app/mobile/tags/post-preview.tag @@ -1,8 +1,16 @@ <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"> - <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> + <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"> <mk-sub-post-content class="text" post={ post }></mk-sub-post-content> </div> @@ -17,11 +25,6 @@ background #fff > article - padding 8px 16px 8px 16px - - @media (min-width 500px) - padding 8px 32px 8px 32px - &:after content "" display block