New: Zen mode

This commit is contained in:
syuilo 2018-06-08 20:34:44 +09:00
parent 34f44de59c
commit 9a6246fd4e

View file

@ -1,6 +1,6 @@
<template> <template>
<div class="mk-ui" :style="style"> <div class="mk-ui" :style="style">
<x-header class="header"/> <x-header class="header" v-show="!zenMode"/>
<div class="content"> <div class="content">
<slot></slot> <slot></slot>
</div> </div>
@ -16,6 +16,11 @@ export default Vue.extend({
components: { components: {
XHeader XHeader
}, },
data() {
return {
zenMode: false
};
},
computed: { computed: {
style(): any { style(): any {
if (!this.$store.getters.isSignedIn || this.$store.state.i.wallpaperUrl == null) return {}; if (!this.$store.getters.isSignedIn || this.$store.state.i.wallpaperUrl == null) return {};
@ -39,6 +44,11 @@ export default Vue.extend({
e.preventDefault(); e.preventDefault();
(this as any).apis.post(); (this as any).apis.post();
} }
if (e.which == 90) { // z
e.preventDefault();
this.zenMode = !this.zenMode;
}
} }
} }
}); });