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 | 14 | height: fit-content; |
c6308554 JB |
15 | width: 100%; |
16 | font-family: Tahoma, 'Arial Narrow', Arial, Helvetica, sans-serif; | |
32de5a57 LM |
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 { |
ef2b2d03 | 26 | min-width: max-content; |
c317ae3e JB |
27 | display: flex; |
28 | flex-direction: column; | |
c317ae3e | 29 | justify-content: center; |
239bd875 | 30 | align-items: center; |
ef2b2d03 | 31 | text-align: center; |
916f0920 JB |
32 | margin: 0.4%; |
33 | padding: 0.4%; | |
c317ae3e JB |
34 | border: solid black; |
35 | } | |
36 | ||
32de5a57 | 37 | body { |
916f0920 JB |
38 | margin: 0.008%; |
39 | padding: 0.008%; | |
32de5a57 LM |
40 | } |
41 | </style> |