<template>
<Container id="charging-stations-container">
<Container id="buttons-container">
- <Button id="button" @click="startSimulator()">Start Simulator</Button>
- <Button id="button" @click="stopSimulator()">Stop Simulator</Button>
- <Button id="button" @click="$router.push({ name: 'add-charging-stations' })">
+ <Button @click="startSimulator()">Start Simulator</Button>
+ <Button @click="stopSimulator()">Stop Simulator</Button>
+ <Button @click="$router.push({ name: 'add-charging-stations' })">
Add Charging Stations
</Button>
<ReloadButton
@click="loadChargingStations(() => $router.go(0))"
/>
</Container>
- <CSTable :charging-stations="app?.appContext.config.globalProperties.$chargingStations ?? []" />
+ <CSTable :charging-stations="app?.appContext.config.globalProperties.$chargingStations" />
</Container>
</template>
flex-direction: row;
}
-#button {
- flex: auto;
+#action-button {
+ flex: none;
}
#reload-button {
#reload-button:active {
background-color: red;
}
+
+#action {
+ color: white;
+ background-color: black;
+ padding: 1%;
+}
</style>