[wip] dark mode
This commit is contained in:
parent
cbe544a97b
commit
b42a915172
|
@ -95,7 +95,7 @@ export default Vue.extend({
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
.header
|
root(isDark)
|
||||||
position -webkit-sticky
|
position -webkit-sticky
|
||||||
position sticky
|
position sticky
|
||||||
top 0
|
top 0
|
||||||
|
@ -112,7 +112,7 @@ export default Vue.extend({
|
||||||
z-index 1000
|
z-index 1000
|
||||||
width 100%
|
width 100%
|
||||||
height 48px
|
height 48px
|
||||||
background #f7f7f7
|
background isDark ? #313543 : #f7f7f7
|
||||||
|
|
||||||
> .main
|
> .main
|
||||||
z-index 1001
|
z-index 1001
|
||||||
|
@ -169,4 +169,10 @@ export default Vue.extend({
|
||||||
> .mk-ui-header-search
|
> .mk-ui-header-search
|
||||||
display none
|
display none
|
||||||
|
|
||||||
|
.header[data-is-darkmode]
|
||||||
|
root(true)
|
||||||
|
|
||||||
|
.header
|
||||||
|
root(false)
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue