ui/web/src/App.vue

   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   display: flex;
  31   flex-direction: column;
  32   justify-content: center;
  33   align-items: center;
  34   text-align: center;
  35   margin: 0.4%;
  36   padding: 0.4%;
  37   border: solid black;
  38 }
  39
  40 body {
  41   margin: 0.008%;
  42   padding: 0.008%;
  43 }
  44 </style>