|
|
|
@ -1,5 +1,6 @@ |
|
|
|
|
<template> |
|
|
|
|
<div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}"> |
|
|
|
|
<el-scrollbar> |
|
|
|
|
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/> |
|
|
|
|
<sidebar v-if="!sidebar.hide" class="sidebar-container"/> |
|
|
|
|
<div :class="{hasTagsView:needTagsView,sidebarHide:sidebar.hide}" class="main-container"> |
|
|
|
@ -12,6 +13,7 @@ |
|
|
|
|
<settings/> |
|
|
|
|
</right-panel> |
|
|
|
|
</div> |
|
|
|
|
</el-scrollbar> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
@ -72,6 +74,14 @@ export default { |
|
|
|
|
height: 100%; |
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
|
|
.el-scrollbar{ |
|
|
|
|
height: 100%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
::v-deep .el-scrollbar__wrap { |
|
|
|
|
overflow-x: hidden; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.mobile.openSidebar { |
|
|
|
|
position: fixed; |
|
|
|
|
top: 0; |
|
|
|
|