| 1 | <template> |
| 2 | <div class="layout flex flex-col"> |
| 3 | <HeaderBar /> |
| 4 | <Sidebar /> |
| 5 | <MainContainer class="grow"> |
| 6 | <slot /> |
| 7 | </MainContainer> |
| 8 | </div> |
| 9 | </template> |
| 10 | |
| 11 | <script lang="ts" setup> |
| 12 | import HeaderBar from "./HeaderBar.vue" |
| 13 | import MainContainer from "./MainContainer.vue" |
| 14 | import Sidebar from "./Sidebar.vue" |
| 15 | import "./main.scss" |
| 16 | </script> |
| 17 | |
| 18 | <style lang="scss" scoped> |
| 19 | .layout { |
| 20 | width: 100vw; |
| 21 | height: 100vh; |
| 22 | height: 100svh; |
| 23 | overflow: hidden; |
| 24 | perspective: 1000px; |
| 25 | } |
| 26 | </style> |