| 1 | <template> |
| 2 | <router-view /> |
| 3 | <Container id="action-container"> |
| 4 | <router-view name="action" /> |
| 5 | </Container> |
| 6 | </template> |
| 7 | |
| 8 | <script setup lang="ts"> |
| 9 | import Container from '@/components/Container.vue' |
| 10 | </script> |
| 11 | |
| 12 | <style> |
| 13 | #app { |
| 14 | height: fit-content; |
| 15 | width: fit-content; |
| 16 | font-family: Avenir, Helvetica, Arial, sans-serif; |
| 17 | -webkit-font-smoothing: antialiased; |
| 18 | -moz-osx-font-smoothing: grayscale; |
| 19 | display: flex; |
| 20 | flex-direction: row; |
| 21 | color: black; |
| 22 | background-color: white; |
| 23 | } |
| 24 | |
| 25 | #action-container { |
| 26 | min-width: max-content; |
| 27 | display: flex; |
| 28 | flex-direction: column; |
| 29 | align-items: center; |
| 30 | justify-content: center; |
| 31 | margin: 0.1%; |
| 32 | padding: 0.1%; |
| 33 | border: solid black; |
| 34 | } |
| 35 | |
| 36 | body { |
| 37 | margin: 0.005%; |
| 38 | padding: 0.005%; |
| 39 | } |
| 40 | </style> |