ui/web/src/App.vue

   1 <template>
   2   <router-view />
   3   <Container v-show="$route.path !== '/'" id="action-container">
   4     <router-view name="action" />
   5   </Container>
   6 </template>
   7
   8 <script setup lang="ts">
   9 import Container from '@/components/Container.vue'
  10 </script>
  11
  12 <style>
  13 #app {
  14   height: fit-content;
  15   width: 100%;
  16   font-family: Tahoma, 'Arial Narrow', Arial, Helvetica, sans-serif;
  17   -webkit-font-smoothing: antialiased;
  18   -moz-osx-font-smoothing: grayscale;
  19   display: flex;
  20   flex-direction: row;
  21   color: black;
  22   background-color: white;
  23 }
  24
  25 #action-container {
  26   display: flex;
  27   flex-direction: column;
  28   justify-content: center;
  29   align-items: center;
  30   margin: 0.1%;
  31   padding: 0.1%;
  32   border: solid black;
  33 }
  34
  35 body {
  36   margin: 0.005%;
  37   padding: 0.005%;
  38 }
  39 </style>