Mobile: Fix design glitch 🎨

This commit is contained in:
syuilo 2017-01-06 02:04:00 +09:00
parent f33ab69bb1
commit 804808feb1

View File

@ -3,11 +3,10 @@ mk-user-preview
img.avatar(src={ user.avatar_url + '?thumbnail&size=64' }, alt='avatar') img.avatar(src={ user.avatar_url + '?thumbnail&size=64' }, alt='avatar')
div.main div.main
header header
div.left a.name(href={ CONFIG.url + '/' + user.username })
a.name(href={ CONFIG.url + '/' + user.username }) | { user.name }
| { user.name } span.username
span.username | @{ user.username }
| @{ user.username }
div.body div.body
div.bio { user.bio } div.bio { user.bio }
@ -57,36 +56,26 @@ style.
width calc(100% - 74px) width calc(100% - 74px)
> header > header
white-space nowrap
@media (min-width 500px) @media (min-width 500px)
margin-bottom 2px margin-bottom 2px
&:after > .name
content "" display inline
display block margin 0
clear both padding 0
color #777
font-size 1em
font-weight 700
text-align left
text-decoration none
> .left &:hover
float left text-decoration underline
> .name > .username
display inline text-align left
margin 0 margin 0 0 0 8px
padding 0 color #ccc
color #777
font-size 1em
font-weight 700
text-align left
text-decoration none
&:hover
text-decoration underline
> .username
text-align left
margin 0 0 0 8px
color #ccc
> .body > .body