| | |
|---|
| | | <template> |
|---|
| | | <div :class="classObj" class="app-wrapper"> |
|---|
| | | <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" /> |
|---|
| | | <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/> |
|---|
| | | <sidebar |
|---|
| | | :class="$store.state.settings.menuIsHorizontal?'sidebar-container-sideBarWidthIsMenuHorizontal':'sidebar-container'" |
|---|
| | | :class="$store.state.settings.menuIsHorizontal? |
|---|
| | | 'sidebar-container-sideBarWidthIsMenuHorizontal': |
|---|
| | | $store.state.settings.leftBackgroundColorValue? |
|---|
| | | 'sidebar-container-leftBackgroundColorValue': |
|---|
| | | 'sidebar-container'" |
|---|
| | | /> |
|---|
| | | <div |
|---|
| | | :class="$store.state.settings.menuIsHorizontal?'main-container-sideBarWidthIsMenuHorizontal': 'main-container'" |
|---|
| | | > |
|---|
| | | <div :class="{'fixed-header':fixedHeader}"> |
|---|
| | | <navbar /> |
|---|
| | | <tags-view v-if="needTagsView" /> |
|---|
| | | <navbar/> |
|---|
| | | <tags-view v-if="needTagsView"/> |
|---|
| | | </div> |
|---|
| | | <app-main /> |
|---|
| | | <app-main/> |
|---|
| | | <right-panel v-if="showSettings"> |
|---|
| | | <settings /> |
|---|
| | | <settings/> |
|---|
| | | </right-panel> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
