wip
This commit is contained in:
@ -267,7 +267,7 @@ root(isDark)
|
||||
max-width 100%
|
||||
margin-top calc(1em + 8px)
|
||||
overflow hidden
|
||||
background isDark ? #313543 : #fff
|
||||
background var(--faceHeader)
|
||||
border solid 1px rgba(#000, 0.1)
|
||||
border-radius 4px
|
||||
transition top 0.1s ease, left 0.1s ease
|
||||
|
@ -190,7 +190,7 @@ root(isDark)
|
||||
margin 8px 0
|
||||
padding 8px
|
||||
color isDark ? #fff : #677f84
|
||||
background isDark ? #282c37 : #fff
|
||||
background var(--face)
|
||||
box-shadow 0 2px 16px rgba(#000, isDark ? 0.7 : 0.15)
|
||||
border-radius 6px
|
||||
cursor pointer
|
||||
@ -222,7 +222,7 @@ root(isDark)
|
||||
margin 8px 0
|
||||
padding 8px
|
||||
color isDark ? #fff : #677f84
|
||||
background isDark ? #282c37 : #fff
|
||||
background var(--face)
|
||||
box-shadow 0 2px 16px rgba(#000, isDark ? 0.7 : 0.15)
|
||||
border-radius 6px
|
||||
cursor pointer
|
||||
|
@ -273,7 +273,7 @@ root(isDark)
|
||||
> select
|
||||
width 100%
|
||||
padding 12px 14px
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
border 1px solid isDark ? #6a707d : #dcdfe6
|
||||
border-radius 4px
|
||||
color isDark ? #fff : #606266
|
||||
@ -331,7 +331,7 @@ root(isDark)
|
||||
.card
|
||||
max-width 400px
|
||||
border-radius 4px
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
color isDark ? #fff : #303133
|
||||
box-shadow 0 2px 12px 0 rgba(#000, isDark ? 0.7 : 0.1)
|
||||
|
||||
|
@ -369,7 +369,7 @@ root(isDark)
|
||||
max-width 600px
|
||||
margin 0 auto
|
||||
padding 0
|
||||
background rgba(isDark ? #282c37 : #fff, 0.95)
|
||||
//background rgba(var(--face), 0.95)
|
||||
background-clip content-box
|
||||
|
||||
> .new-message
|
||||
|
@ -329,7 +329,7 @@ root(isDark)
|
||||
> a
|
||||
display block
|
||||
text-decoration none
|
||||
background isDark ? #282c37 : #fff
|
||||
background var(--face)
|
||||
border-bottom solid 1px isDark ? #1c2023 : #eee
|
||||
|
||||
*
|
||||
|
@ -25,7 +25,7 @@ export default Vue.extend({
|
||||
root(isDark)
|
||||
margin 16px
|
||||
color isDark ? #fff : #000
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
box-shadow 0 3px 1px -2px rgba(#000, 0.2), 0 2px 2px 0 rgba(#000, 0.14), 0 1px 5px 0 rgba(#000, 0.12)
|
||||
|
||||
> header
|
||||
|
@ -91,7 +91,7 @@ export default Vue.extend({
|
||||
transform translateY(-30px)
|
||||
|
||||
root(isDark)
|
||||
background isDark ? #282C37 : #fff
|
||||
background var(--face)
|
||||
|
||||
> div
|
||||
> *
|
||||
|
Reference in New Issue
Block a user