Tweak wallpaperOverlay

This commit is contained in:
syuilo 2020-11-28 13:30:09 +09:00
parent 2d53481cf5
commit 34f662ead5
1 changed files with 7 additions and 8 deletions

View File

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