| | |
|---|
| | | <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" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg }" /> |
|---|
| | | <sidebar class="sidebar-container"/> |
|---|
| | | <div :class="{hasTagsView:needTagsView}" class="main-container"> |
|---|
| | | <div :class="{'fixed-header':fixedHeader}"> |
|---|
| | | <navbar /> |
|---|
| | |
|---|
| | | top: 0; |
|---|
| | | right: 0; |
|---|
| | | z-index: 9; |
|---|
| | | width: calc(100% - #{$sideBarWidth}); |
|---|
| | | width: calc(100% - #{$base-sidebar-width}); |
|---|
| | | transition: width 0.28s; |
|---|
| | | } |
|---|
| | | |
|---|
