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