Commit | Line | Data |
---|---|---|
32de5a57 | 1 | <template> |
32de5a57 | 2 | <router-view /> |
7378b34a | 3 | <Container v-show="$route.path !== '/'" id="action-container"> |
c317ae3e JB |
4 | <router-view name="action" /> |
5 | </Container> | |
32de5a57 LM |
6 | </template> |
7 | ||
c317ae3e JB |
8 | <script setup lang="ts"> |
9 | import Container from '@/components/Container.vue' | |
10 | </script> | |
11 | ||
32de5a57 LM |
12 | <style> |
13 | #app { | |
1d41bc6b JB |
14 | height: fit-content; |
15 | width: fit-content; | |
32de5a57 LM |
16 | font-family: Avenir, Helvetica, Arial, sans-serif; |
17 | -webkit-font-smoothing: antialiased; | |
18 | -moz-osx-font-smoothing: grayscale; | |
c317ae3e JB |
19 | display: flex; |
20 | flex-direction: row; | |
9dc8b66f JB |
21 | color: black; |
22 | background-color: white; | |
32de5a57 LM |
23 | } |
24 | ||
ca1e5439 | 25 | #action-container { |
c317ae3e JB |
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 | ||
32de5a57 | 36 | body { |
a64b9a64 JB |
37 | margin: 0.005%; |
38 | padding: 0.005%; | |
32de5a57 LM |
39 | } |
40 | </style> |