| | |
|---|
| | | <template>
|
|---|
| | | <div :class="classObj" class="app-wrapper" :style="{'--current-color': theme}">
|
|---|
| | | <div :class="classObj" class="app-wrapper" :style="{'--current-color': theme, '--current-color-light': theme + '1a', '--current-color-dark-bg': theme + '33'}">
|
|---|
| | | <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">
|
|---|
| | |
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .main-container:has(.fixed-header) {
|
|---|
| | | height: 100vh;
|
|---|
| | | overflow: hidden;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .drawer-bg {
|
|---|
| | | background: #000;
|
|---|
| | | opacity: 0.3;
|
|---|
