fix layout in dashboard

This commit is contained in:
wea_ondara
2024-05-28 18:31:41 +02:00
parent 688f0252a1
commit 5c43ce6604
6 changed files with 62 additions and 65 deletions

View File

@@ -23,14 +23,18 @@ export default class App extends Vue {
</script>
<template>
<LocaleSaver/>
<DocumentLocaleSetter/>
<div class="h-100 w-100 overflow-hidden">
<LocaleSaver/>
<DocumentLocaleSetter/>
<SideBar ref="sidebar" class="h-100 w-100 overflow-hidden" :toggled="sidebarToggled"
@close="sidebarToggled=false"/>
<div class="d-flex flex-column h-100 w-100 overflow-hidden">
<NavBar @toggleSidebar="sidebarToggled = !sidebarToggled"/>
<RouterView class="flex-grow-1"/>
<div class="h-100 w-100 d-flex flex-row">
<SideBar ref="sidebar" class="overflow-hidden" style="height: 100vh" :toggled="sidebarToggled"
@close="sidebarToggled=false"/>
<div class="flex-grow-1 overflow-hidden">
<div class="d-flex flex-column w-100 h-100">
<NavBar class="flex-grow-0" @toggleSidebar="sidebarToggled = !sidebarToggled"></NavBar>
<RouterView class="flex-grow-1 overflow-hidden"/>
</div>
</div>
</div>
</div>
</template>