| | |
|---|
| | | <template>
|
|---|
| | | <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
|
|---|
| | | <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
|
|---|
| | | <sidebar class="sidebar-container" />
|
|---|
| | | <div :class="{ hasTagsView: needTagsView }" class="main-container">
|
|---|
| | | <sidebar v-if="!sidebar.hide" class="sidebar-container" />
|
|---|
| | | <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
|
|---|
| | | <div :class="{ 'fixed-header': fixedHeader }">
|
|---|
| | | <navbar @setLayout="setLayout" />
|
|---|
| | | <tags-view v-if="needTagsView" />
|
|---|
| | |
|---|
| | | width: calc(100% - 54px);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .sidebarHide .fixed-header {
|
|---|
| | | width: 100%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .mobile .fixed-header {
|
|---|
| | | width: 100%;
|
|---|
| | | }
|
|---|
