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