trifling style changes

投稿のタグのマージンと色の最適化
ユーザーページの修正(幅が伸びる、profileの色)
ウェルカムページの修正(ダークモード時)
This commit is contained in:
tamaina 2018-06-22 13:20:27 +09:00
parent f1f9f235c7
commit fb1d727db9
6 changed files with 17 additions and 16 deletions

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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