2022-04-15 14:24:30 +00:00
|
|
|
<template>
|
|
|
|
|
<div id="mainWrapper">
|
2022-12-02 16:17:37 +00:00
|
|
|
<SideBar />
|
|
|
|
|
<MainContent />
|
2022-12-15 16:31:52 +00:00
|
|
|
<ExtraDrawer />
|
2022-12-02 16:17:37 +00:00
|
|
|
<ModalWrapper />
|
2022-04-15 14:24:30 +00:00
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
2022-04-15 17:00:08 +00:00
|
|
|
<script lang="ts" setup>
|
|
|
|
|
import { defineAsyncComponent } from 'vue'
|
2022-04-15 14:24:30 +00:00
|
|
|
|
2022-12-07 13:31:38 +00:00
|
|
|
import SideBar from '@/components/layout/main-wrapper/sidebar/Sidebar.vue'
|
2022-06-10 10:47:46 +00:00
|
|
|
import MainContent from '@/components/layout/main-wrapper/MainContent.vue'
|
2022-12-15 16:31:52 +00:00
|
|
|
import ExtraDrawer from '@/components/layout/main-wrapper/ExtraDrawer.vue'
|
2022-06-10 10:47:46 +00:00
|
|
|
|
2022-04-20 12:38:38 +00:00
|
|
|
const ModalWrapper = defineAsyncComponent(() => import('@/components/layout/ModalWrapper.vue'))
|
2022-04-15 14:24:30 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
#mainWrapper {
|
2024-03-15 15:09:50 +00:00
|
|
|
position: relative;
|
2022-04-15 14:24:30 +00:00
|
|
|
display: flex;
|
|
|
|
|
flex: 1;
|
|
|
|
|
height: 0; // fix a flex-box bug https://github.com/philipwalton/flexbugs/issues/197#issuecomment-378908438
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
