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: fit-content;
  16   font-family: Avenir, Helvetica, Arial, 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   min-width: max-content;
  27   display: flex;
  28   flex-direction: column;
  29   align-items: center;
  30   justify-content: center;
  31   margin: 0.1%;
  32   padding: 0.1%;
  33   border: solid black;
  34 }
  35
  36 body {
  37   margin: 0.005%;
  38   padding: 0.005%;
  39 }
  40 </style>