diff options
Diffstat (limited to 'src/client/components/page-window.vue')
| -rw-r--r-- | src/client/components/page-window.vue | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/src/client/components/page-window.vue b/src/client/components/page-window.vue index fbc9f0b7fd..7d15c75d62 100644 --- a/src/client/components/page-window.vue +++ b/src/client/components/page-window.vue @@ -3,14 +3,20 @@ :initial-width="500" :initial-height="500" :can-resize="true" - :close-button="false" + :close-button="true" :contextmenu="contextmenu" @closed="$emit('closed')" > <template #header> - <XHeader :info="pageInfo" :back-button="history.length > 0" @back="back()" :close-button="true" @close="close()" :title-only="true"/> + <template v-if="pageInfo"> + <i v-if="pageInfo.icon" class="icon" :class="pageInfo.icon" style="margin-right: 0.5em;"></i> + <span>{{ pageInfo.title }}</span> + </template> </template> - <div class="yrolvcoq _flat_"> + <template #headerLeft> + <button v-if="history.length > 0" class="_button" @click="back()" v-tooltip="$ts.goBack"><i class="fas fa-arrow-left"></i></button> + </template> + <div class="yrolvcoq _fitSide_"> <component :is="component" v-bind="props" :ref="changePage"/> </div> </XWindow> @@ -19,7 +25,6 @@ <script lang="ts"> import { defineComponent } from 'vue'; import XWindow from '@client/components/ui/window.vue'; -import XHeader from '@client/ui/_common_/header.vue'; import { popout } from '@client/scripts/popout'; import copyToClipboard from '@client/scripts/copy-to-clipboard'; import { resolve } from '@client/router'; @@ -29,7 +34,6 @@ import * as symbols from '@client/symbols'; export default defineComponent({ components: { XWindow, - XHeader, }, inject: { @@ -42,7 +46,8 @@ export default defineComponent({ return { navHook: (path) => { this.navigate(path); - } + }, + shouldHeaderThin: true, }; }, |