diff --git a/src/web/app/mobile/tags/post-detail.tag b/src/web/app/mobile/tags/post-detail.tag index 37e65884bc..d77da39819 100644 --- a/src/web/app/mobile/tags/post-detail.tag +++ b/src/web/app/mobile/tags/post-detail.tag @@ -15,8 +15,8 @@

avatar{ post.user.name }恌Repost

-
avatar -
{ p.user.name }@{ p.user.username }
+
+
avatar
{ p.user.name }@{ p.user.username }
@@ -148,49 +148,45 @@ > .main > footer > button color #888 - > .avatar-anchor - display block - - > .avatar - display block - width 54px - height 54px - margin 0 - border-radius 8px - vertical-align bottom - - @media (min-width 500px) - width 60px - height 60px - > header - position absolute - top 18px - left 80px - width calc(100% - 80px) + display flex + line-height 1.1 - @media (min-width 500px) - top 28px - left 108px - width calc(100% - 108px) - - > .name - display inline-block - margin 0 - color #777 - font-size 16px - font-weight bold - text-align left - text-decoration none - - &:hover - text-decoration underline - - > .username + > .avatar-anchor display block - text-align left - margin 0 - color #ccc + padding 0 .5em 0 0 + + > .avatar + display block + width 54px + height 54px + margin 0 + border-radius 8px + vertical-align bottom + + @media (min-width 500px) + width 60px + height 60px + + > div + + > .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 + + > .username + display block + text-align left + margin 0 + color #ccc > .body padding 8px 0 diff --git a/src/web/app/mobile/tags/post-preview.tag b/src/web/app/mobile/tags/post-preview.tag index 3d646c1c0a..61023ce96d 100644 --- a/src/web/app/mobile/tags/post-preview.tag +++ b/src/web/app/mobile/tags/post-preview.tag @@ -17,6 +17,10 @@ background #fff > article + padding 8px 16px 8px 16px + + @media (min-width 500px) + padding 8px 32px 8px 32px &:after content "" @@ -45,31 +49,32 @@ width calc(100% - 60px) > header + display flex margin-bottom 4px white-space nowrap > .name - display inline - margin 0 + display block + margin 0 .5em 0 0 padding 0 + overflow hidden color #607073 font-size 1em font-weight 700 text-align left text-decoration none + text-overflow ellipsis &:hover text-decoration underline > .username text-align left - margin 0 0 0 8px + margin 0 .5em 0 0 color #d1d8da > .time - position absolute - top 0 - right 0 + margin-left auto color #b2b8bb > .body