mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 07:24:13 +00:00 
			
		
		
		
	Tweak wallpaperOverlay
This commit is contained in:
		
							parent
							
								
									2d53481cf5
								
							
						
					
					
						commit
						34f662ead5
					
				
					 1 changed files with 7 additions and 8 deletions
				
			
		| 
						 | 
				
			
			@ -1,8 +1,8 @@
 | 
			
		|||
<template>
 | 
			
		||||
<div class="mk-app" v-hotkey.global="keymap">
 | 
			
		||||
<div class="mk-app" v-hotkey.global="keymap" :class="{ wallpaper }">
 | 
			
		||||
	<XSidebar ref="nav" class="sidebar"/>
 | 
			
		||||
 | 
			
		||||
	<div class="contents" ref="contents" :class="{ wallpaper }">
 | 
			
		||||
	<div class="contents" ref="contents">
 | 
			
		||||
		<header class="header" ref="header" @contextmenu.prevent.stop="onContextmenu" @click="onHeaderClick">
 | 
			
		||||
			<XHeader :info="pageInfo"/>
 | 
			
		||||
		</header>
 | 
			
		||||
| 
						 | 
				
			
			@ -269,19 +269,18 @@ export default defineComponent({
 | 
			
		|||
	// ほんとは単に 100vh と書きたいところだが... https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
 | 
			
		||||
	min-height: calc(var(--vh, 1vh) * 100);
 | 
			
		||||
	box-sizing: border-box;
 | 
			
		||||
 | 
			
		||||
	display: flex;
 | 
			
		||||
 | 
			
		||||
	&.wallpaper {
 | 
			
		||||
		background: var(--wallpaperOverlay);
 | 
			
		||||
		//backdrop-filter: blur(4px);
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	> .contents {
 | 
			
		||||
		width: 100%;
 | 
			
		||||
		min-width: 0;
 | 
			
		||||
		padding-top: $header-height;
 | 
			
		||||
 | 
			
		||||
		&.wallpaper {
 | 
			
		||||
			background: var(--wallpaperOverlay);
 | 
			
		||||
			//backdrop-filter: blur(4px);
 | 
			
		||||
		}
 | 
			
		||||
 | 
			
		||||
		> .header {
 | 
			
		||||
			position: fixed;
 | 
			
		||||
			z-index: 1000;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue