<template>
<router-view />
- <Container id="action">
+ <Container v-show="$route.path !== '/'" id="action-container">
<router-view name="action" />
</Container>
</template>
<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;
display: flex;
background-color: white;
}
-#action {
+#action-container {
min-width: max-content;
display: flex;
flex-direction: column;
- align-items: center;
justify-content: center;
- margin: 0.1%;
- padding: 0.1%;
+ align-items: center;
+ text-align: center;
+ margin: 0.4%;
+ padding: 0.4%;
border: solid black;
}
body {
- margin: 0.005%;
- padding: 0.005%;
+ margin: 0.008%;
+ padding: 0.008%;
}
</style>