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