New: Zen mode
This commit is contained in:
parent
34f44de59c
commit
9a6246fd4e
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user