New: Zen mode

This commit is contained in:
syuilo 2018-06-08 20:34:44 +09:00
parent 34f44de59c
commit 9a6246fd4e
1 changed files with 11 additions and 1 deletions

View File

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