fantasia-archive/src/layouts/MainLayout.vue

46 lines
861 B
Vue

<template>
<q-layout view="hHh Lpr lFf">
<q-header
elevated
dark
class="bg-dark appHeader"
>
<AppControlMenus />
</q-header>
<GlobalWindowButtons />
<q-drawer
show-if-above
dark
>
<q-list>
<q-item-label
header
>
Essential Links
</q-item-label>
</q-list>
</q-drawer>
<q-page-container>
<router-view />
</q-page-container>
</q-layout>
</template>
<script lang="ts" setup>
import GlobalWindowButtons from 'components/GlobalWindowButtons/GlobalWindowButtons.vue'
import AppControlMenus from 'components/AppControlMenus/AppControlMenus.vue'
</script>
<style lang="scss" scoped>
.appHeader {
-webkit-app-region: drag;
// Tweak, so the menus will slide nicely behind/from behind the top bar
z-index: 7000;
}
</style>