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