trifling style changes
投稿のタグのマージンと色の最適化 ユーザーページの修正(幅が伸びる、profileの色) ウェルカムページの修正(ダークモード時)
This commit is contained in:
		
							parent
							
								
									f1f9f235c7
								
							
						
					
					
						commit
						fb1d727db9
					
				
					 6 changed files with 17 additions and 16 deletions
				
			
		| 
						 | 
					@ -473,10 +473,10 @@ root(isDark)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
						> *
 | 
											> *
 | 
				
			||||||
							display inline-block
 | 
												display inline-block
 | 
				
			||||||
							margin 0 8px 0 0
 | 
												margin 0 0 4px 6px
 | 
				
			||||||
							padding 2px 8px 2px 16px
 | 
												padding 2px 8px 2px 16px
 | 
				
			||||||
							font-size 90%
 | 
												font-size 90%
 | 
				
			||||||
							color #8d969e
 | 
												color #f66e4f
 | 
				
			||||||
							background isDark ? #313543 : #edf0f3
 | 
												background isDark ? #313543 : #edf0f3
 | 
				
			||||||
							border-radius 4px
 | 
												border-radius 4px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -381,10 +381,10 @@ root(isDark)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
						> *
 | 
											> *
 | 
				
			||||||
							display inline-block
 | 
												display inline-block
 | 
				
			||||||
							margin 0 8px 0 0
 | 
												margin 0 0 4px 6px
 | 
				
			||||||
							padding 2px 8px 2px 16px
 | 
												padding 2px 8px 2px 16px
 | 
				
			||||||
							font-size 90%
 | 
												font-size 90%
 | 
				
			||||||
							color #8d969e
 | 
												color #f66e4f
 | 
				
			||||||
							background isDark ? #313543 : #edf0f3
 | 
												background isDark ? #313543 : #edf0f3
 | 
				
			||||||
							border-radius 4px
 | 
												border-radius 4px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -126,7 +126,7 @@ root(isDark)
 | 
				
			||||||
	> .friend-form
 | 
						> .friend-form
 | 
				
			||||||
		padding 16px
 | 
							padding 16px
 | 
				
			||||||
		text-align center
 | 
							text-align center
 | 
				
			||||||
		border-top solid 1px #eee
 | 
							border-bottom solid 1px isDark ? #21242f : #eee
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		> .followed
 | 
							> .followed
 | 
				
			||||||
			margin 12px 0 0 0
 | 
								margin 12px 0 0 0
 | 
				
			||||||
| 
						 | 
					@ -144,7 +144,7 @@ root(isDark)
 | 
				
			||||||
	> .action-form
 | 
						> .action-form
 | 
				
			||||||
		padding 16px
 | 
							padding 16px
 | 
				
			||||||
		text-align center
 | 
							text-align center
 | 
				
			||||||
		border-top solid 1px #eee
 | 
							border-bottom solid 1px isDark ? #21242f : #eee
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		> *
 | 
							> *
 | 
				
			||||||
			width 100%
 | 
								width 100%
 | 
				
			||||||
| 
						 | 
					@ -154,8 +154,8 @@ root(isDark)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	> .birthday
 | 
						> .birthday
 | 
				
			||||||
		padding 16px
 | 
							padding 16px
 | 
				
			||||||
		color #555
 | 
							color isDark ? #e3e7ea : #555
 | 
				
			||||||
		border-top solid 1px #eee
 | 
							border-bottom solid 1px isDark ? #21242f : #eee
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		> p
 | 
							> p
 | 
				
			||||||
			margin 0
 | 
								margin 0
 | 
				
			||||||
| 
						 | 
					@ -165,8 +165,8 @@ root(isDark)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	> .twitter
 | 
						> .twitter
 | 
				
			||||||
		padding 16px
 | 
							padding 16px
 | 
				
			||||||
		color #555
 | 
							color isDark ? #e3e7ea : #555
 | 
				
			||||||
		border-top solid 1px #eee
 | 
							border-bottom solid 1px isDark ? #21242f : #eee
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		> p
 | 
							> p
 | 
				
			||||||
			margin 0
 | 
								margin 0
 | 
				
			||||||
| 
						 | 
					@ -176,8 +176,8 @@ root(isDark)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	> .status
 | 
						> .status
 | 
				
			||||||
		padding 16px
 | 
							padding 16px
 | 
				
			||||||
		color #555
 | 
							color isDark ? #e3e7ea : #555
 | 
				
			||||||
		border-top solid 1px #eee
 | 
							border-bottom solid 1px isDark ? #21242f : #eee
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		> p
 | 
							> p
 | 
				
			||||||
			margin 8px 0
 | 
								margin 8px 0
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -92,7 +92,7 @@ root(isDark)
 | 
				
			||||||
		&.is-suspended
 | 
							&.is-suspended
 | 
				
			||||||
			color isDark ? #ffb4b4 : #570808
 | 
								color isDark ? #ffb4b4 : #570808
 | 
				
			||||||
			background isDark ? #611d1d : #ffdbdb
 | 
								background isDark ? #611d1d : #ffdbdb
 | 
				
			||||||
			border solid 1px isDarl ? #d64a4a : #e09696
 | 
								border solid 1px isDark ? #d64a4a : #e09696
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		&.is-remote
 | 
							&.is-remote
 | 
				
			||||||
			color isDark ? #ffbd3e : #573c08
 | 
								color isDark ? #ffbd3e : #573c08
 | 
				
			||||||
| 
						 | 
					@ -105,6 +105,7 @@ root(isDark)
 | 
				
			||||||
	> main
 | 
						> main
 | 
				
			||||||
		display flex
 | 
							display flex
 | 
				
			||||||
		justify-content center
 | 
							justify-content center
 | 
				
			||||||
 | 
							width 673px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		> .main
 | 
							> .main
 | 
				
			||||||
		> .side
 | 
							> .side
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -199,7 +199,7 @@ root(isDark)
 | 
				
			||||||
				> .login
 | 
									> .login
 | 
				
			||||||
					width $loginWidth
 | 
										width $loginWidth
 | 
				
			||||||
					padding 16px 32px 32px 32px
 | 
										padding 16px 32px 32px 32px
 | 
				
			||||||
					background #f5f5f5
 | 
										background isDark ? #2e3440 : #f5f5f5
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			> .info
 | 
								> .info
 | 
				
			||||||
				margin 16px auto
 | 
									margin 16px auto
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -424,10 +424,10 @@ root(isDark)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
						> *
 | 
											> *
 | 
				
			||||||
							display inline-block
 | 
												display inline-block
 | 
				
			||||||
							margin 0 8px 0 0
 | 
												margin 0 0 4px 6px
 | 
				
			||||||
							padding 2px 8px 2px 16px
 | 
												padding 2px 8px 2px 16px
 | 
				
			||||||
							font-size 90%
 | 
												font-size 90%
 | 
				
			||||||
							color #8d969e
 | 
												color #f66e4f
 | 
				
			||||||
							background isDark ? #313543 : #edf0f3
 | 
												background isDark ? #313543 : #edf0f3
 | 
				
			||||||
							border-radius 4px
 | 
												border-radius 4px
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue