mirror of
https://github.com/kokonect-link/cherrypick
synced 2024-11-01 07:35:57 +09:00
trifling style changes
投稿のタグのマージンと色の最適化 ユーザーページの修正(幅が伸びる、profileの色) ウェルカムページの修正(ダークモード時)
This commit is contained in:
parent
f1f9f235c7
commit
fb1d727db9
@ -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…
Reference in New Issue
Block a user