X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=ui%2Fweb%2Fsrc%2FApp.vue;h=48076e62aea7892da94db200784550e3ac8b6ea8;hb=f054629f83e26f345fe7d145005a1903907cc88a;hp=203fb47f69108690234b283569919e663f491012;hpb=9dc8b66f4d1fa4e298e260a33f08debb69b1d944;p=e-mobility-charging-stations-simulator.git

diff --git a/ui/web/src/App.vue b/ui/web/src/App.vue
index 203fb47f..48076e62 100644
--- a/ui/web/src/App.vue
+++ b/ui/web/src/App.vue
@@ -1,7 +1,14 @@
 <template>
   <router-view />
+  <Container v-show="$route.path !== '/'" id="action-container">
+    <router-view name="action" />
+  </Container>
 </template>
 
+<script setup lang="ts">
+import Container from '@/components/Container.vue'
+</script>
+
 <style>
 #app {
   height: fit-content;
@@ -9,14 +16,25 @@
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  flex-direction: row;
   color: black;
   background-color: white;
 }
 
+#action-container {
+  min-width: max-content;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: 0.1%;
+  padding: 0.1%;
+  border: solid black;
+}
+
 body {
-  height: fit-content;
-  width: fit-content;
-  margin: 0.001%;
-  padding: 0.001%;
+  margin: 0.005%;
+  padding: 0.005%;
 }
 </style>