mirror of
https://github.com/misskey-dev/misskey.git
synced 2024-11-25 08:27:07 +01:00
Mobile: Fix design glitch 🎨
This commit is contained in:
parent
2ded8ba858
commit
733b3d8132
1 changed files with 19 additions and 30 deletions
|
@ -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
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue