New: Zen mode
This commit is contained in:
parent
34f44de59c
commit
9a6246fd4e
1 changed files with 11 additions and 1 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
Loading…
Reference in a new issue