[e-mobility-charging-stations-simulator.git] / ui / web / src / App.vue

<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;
  width: 100%;
  font-family: Tahoma, 'Arial Narrow', Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  flex-direction: row;
  color: black;
  background-color: white;
}

#action-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0.1%;
  padding: 0.1%;
  border: solid black;
}

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