<template>
<router-view />
+ <Container
+ v-show="$route.name !== 'charging-stations' && $route.name !== 'not-found'"
+ 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;
- width: fit-content;
- font-family: Avenir, Helvetica, Arial, sans-serif;
+ width: 100%;
+ font-family: Tahoma, 'Arial Narrow', Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
- color: #2c3e50;
+ display: flex;
+ flex-direction: row;
+ color: black;
+ background-color: white;
}
-body {
+#action-container {
+ min-width: max-content;
height: fit-content;
- width: fit-content;
- margin: 0.05%;
- padding: 0.05%;
- background-color: rgb(233, 227, 227);
+ display: flex;
+ position: sticky;
+ top: 0.008%;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ margin-right: 0.2%;
+ margin-left: 0.2%;
+ padding: 0.4%;
+ border: solid 0.25px black;
+}
+
+body {
+ margin: 0.008%;
+ padding: 0.008%;
}
</style>