diff options
| author | tamaina <tamaina@hotmail.co.jp> | 2017-02-10 23:07:17 +0900 |
|---|---|---|
| committer | tamaina <tamaina@hotmail.co.jp> | 2017-02-10 23:07:17 +0900 |
| commit | a28b3a46f7da954779e18ea9f213796e98be1407 (patch) | |
| tree | 2914bcb133aa7a13597b567fae6ecb8e3c5c2bf0 /src | |
| parent | interanf;l (diff) | |
| download | misskey-a28b3a46f7da954779e18ea9f213796e98be1407.tar.gz misskey-a28b3a46f7da954779e18ea9f213796e98be1407.tar.bz2 misskey-a28b3a46f7da954779e18ea9f213796e98be1407.zip | |
投稿詳細:本文
Diffstat (limited to 'src')
| -rw-r--r-- | src/web/app/mobile/tags/post-detail.tag | 70 |
1 files changed, 33 insertions, 37 deletions
diff --git a/src/web/app/mobile/tags/post-detail.tag b/src/web/app/mobile/tags/post-detail.tag index 37e65884bc..361eb6b030 100644 --- a/src/web/app/mobile/tags/post-detail.tag +++ b/src/web/app/mobile/tags/post-detail.tag @@ -15,8 +15,8 @@ <div class="repost" if={ isRepost }> <p><a class="avatar-anchor" href={ CONFIG.url + '/' + post.user.username }><img class="avatar" src={ post.user.avatar_url + '?thumbnail&size=32' } alt="avatar"/></a><i class="fa fa-retweet"></i><a class="name" href={ CONFIG.url + '/' + post.user.username }>{ post.user.name }</a>がRepost</p> </div> - <article><a class="avatar-anchor" href={ CONFIG.url + '/' + p.user.username }><img class="avatar" src={ p.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/></a> - <header><a class="name" href={ CONFIG.url + '/' + p.user.username }>{ p.user.name }</a><span class="username">@{ p.user.username }</span></header> + <article> + <header><a class="avatar-anchor" href={ CONFIG.url + '/' + p.user.username }><img class="avatar" src={ p.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/></a><div><a class="name" href={ CONFIG.url + '/' + p.user.username }>{ p.user.name }</a><span class="username">@{ p.user.username }</span></div></header> <div class="body"> <div class="text" ref="text"></div> <div class="media" if={ p.media }> @@ -148,49 +148,45 @@ > .main > footer > button color #888 - > .avatar-anchor - display block + > header + display flex + line-height 1.1em - > .avatar + > .avatar-anchor display block - width 54px - height 54px - margin 0 - border-radius 8px - vertical-align bottom + padding 0 .5em 0 0 - @media (min-width 500px) - width 60px - height 60px + > .avatar + display block + width 54px + height 54px + margin 0 + border-radius 8px + vertical-align bottom - > header - position absolute - top 18px - left 80px - width calc(100% - 80px) + @media (min-width 500px) + width 60px + height 60px - @media (min-width 500px) - top 28px - left 108px - width calc(100% - 108px) + > div - > .name - display inline-block - margin 0 - color #777 - font-size 16px - font-weight bold - text-align left - text-decoration none + > .name + display inline-block + margin .4em 0 + color #777 + font-size 16px + font-weight bold + text-align left + text-decoration none - &:hover - text-decoration underline + &:hover + text-decoration underline - > .username - display block - text-align left - margin 0 - color #ccc + > .username + display block + text-align left + margin 0 + color #ccc > .body padding 8px 0 |