Commit | Line | Data |
---|---|---|
32de5a57 | 1 | <template> |
32de5a57 | 2 | <router-view /> |
877b880c JB |
3 | <Container |
4 | v-show="$route.name !== 'charging-stations' && $route.name !== 'not-found'" | |
5 | id="action-container" | |
6 | > | |
c317ae3e JB |
7 | <router-view name="action" /> |
8 | </Container> | |
32de5a57 LM |
9 | </template> |
10 | ||
c317ae3e JB |
11 | <script setup lang="ts"> |
12 | import Container from '@/components/Container.vue' | |
13 | </script> | |
14 | ||
32de5a57 LM |
15 | <style> |
16 | #app { | |
1d41bc6b | 17 | height: fit-content; |
c6308554 JB |
18 | width: 100%; |
19 | font-family: Tahoma, 'Arial Narrow', Arial, Helvetica, sans-serif; | |
32de5a57 LM |
20 | -webkit-font-smoothing: antialiased; |
21 | -moz-osx-font-smoothing: grayscale; | |
c317ae3e JB |
22 | display: flex; |
23 | flex-direction: row; | |
9dc8b66f JB |
24 | color: black; |
25 | background-color: white; | |
32de5a57 LM |
26 | } |
27 | ||
ca1e5439 | 28 | #action-container { |
ef2b2d03 | 29 | min-width: max-content; |
bfb2a85a | 30 | height: fit-content; |
c317ae3e | 31 | display: flex; |
bfb2a85a JB |
32 | position: sticky; |
33 | top: 0.008%; | |
c317ae3e | 34 | flex-direction: column; |
c317ae3e | 35 | justify-content: center; |
239bd875 | 36 | align-items: center; |
ef2b2d03 | 37 | text-align: center; |
bfb2a85a JB |
38 | margin-right: 0.2%; |
39 | margin-left: 0.2%; | |
916f0920 | 40 | padding: 0.4%; |
c317ae3e JB |
41 | border: solid black; |
42 | } | |
43 | ||
32de5a57 | 44 | body { |
916f0920 JB |
45 | margin: 0.008%; |
46 | padding: 0.008%; | |
32de5a57 LM |
47 | } |
48 | </style> |