Classic UI
This commit is contained in:
parent
04e27e160e
commit
42d293ee60
19 changed files with 391 additions and 67 deletions
|
|
@ -45,7 +45,7 @@ import { defineComponent } from 'vue';
|
|||
import { host } from '@client/config';
|
||||
import { search } from '@client/scripts/search';
|
||||
import * as os from '@client/os';
|
||||
import { sidebarDef } from '@client/sidebar';
|
||||
import { menuDef } from '@client/menu';
|
||||
import { getAccounts, addAccount, login } from '@client/account';
|
||||
import MkButton from '@client/components/ui/button.vue';
|
||||
import { StickySidebar } from '@client/scripts/sticky-sidebar';
|
||||
|
|
@ -62,7 +62,7 @@ export default defineComponent({
|
|||
host: host,
|
||||
accounts: [],
|
||||
connection: null,
|
||||
menuDef: sidebarDef,
|
||||
menuDef: menuDef,
|
||||
iconOnly: false,
|
||||
settingsWindowed: false,
|
||||
};
|
||||
|
|
@ -83,7 +83,7 @@ export default defineComponent({
|
|||
},
|
||||
|
||||
watch: {
|
||||
'$store.reactiveState.sidebarDisplay.value'() {
|
||||
'$store.reactiveState.menuDisplay.value'() {
|
||||
this.calcViewState();
|
||||
},
|
||||
|
||||
|
|
@ -108,7 +108,7 @@ export default defineComponent({
|
|||
|
||||
methods: {
|
||||
calcViewState() {
|
||||
this.iconOnly = (window.innerWidth <= 1400) || (this.$store.state.sidebarDisplay === 'icon');
|
||||
this.iconOnly = (window.innerWidth <= 1400) || (this.$store.state.menuDisplay === 'sideIcon');
|
||||
this.settingsWindowed = (window.innerWidth > 1400);
|
||||
},
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue