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