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')
 | 
			
		||||
	div.main
 | 
			
		||||
		header
 | 
			
		||||
			div.left
 | 
			
		||||
				a.name(href={ CONFIG.url + '/' + user.username })
 | 
			
		||||
					| { user.name }
 | 
			
		||||
				span.username
 | 
			
		||||
					| @{ user.username }
 | 
			
		||||
			a.name(href={ CONFIG.url + '/' + user.username })
 | 
			
		||||
				| { user.name }
 | 
			
		||||
			span.username
 | 
			
		||||
				| @{ user.username }
 | 
			
		||||
		div.body
 | 
			
		||||
			div.bio { user.bio }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -57,36 +56,26 @@ style.
 | 
			
		|||
			width calc(100% - 74px)
 | 
			
		||||
 | 
			
		||||
		> header
 | 
			
		||||
			white-space nowrap
 | 
			
		||||
 | 
			
		||||
			@media (min-width 500px)
 | 
			
		||||
				margin-bottom 2px
 | 
			
		||||
 | 
			
		||||
			&:after
 | 
			
		||||
				content ""
 | 
			
		||||
				display block
 | 
			
		||||
				clear both
 | 
			
		||||
			> .name
 | 
			
		||||
				display inline
 | 
			
		||||
				margin 0
 | 
			
		||||
				padding 0
 | 
			
		||||
				color #777
 | 
			
		||||
				font-size 1em
 | 
			
		||||
				font-weight 700
 | 
			
		||||
				text-align left
 | 
			
		||||
				text-decoration none
 | 
			
		||||
 | 
			
		||||
			> .left
 | 
			
		||||
				float left
 | 
			
		||||
				&:hover
 | 
			
		||||
					text-decoration underline
 | 
			
		||||
 | 
			
		||||
				> .name
 | 
			
		||||
					display inline
 | 
			
		||||
					margin 0
 | 
			
		||||
					padding 0
 | 
			
		||||
					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
 | 
			
		||||
			> .username
 | 
			
		||||
				text-align left
 | 
			
		||||
				margin 0 0 0 8px
 | 
			
		||||
				color #ccc
 | 
			
		||||
 | 
			
		||||
		> .body
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue