[wip] dark mode

This commit is contained in:
syuilo 2018-04-01 15:58:32 +09:00
parent cbe544a97b
commit b42a915172
1 changed files with 8 additions and 2 deletions

View File

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