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   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 black;
  42 }
  43
  44 body {
  45   margin: 0.008%;
  46   padding: 0.008%;
  47 }
  48 </style>