From: Jérôme Benoit <jerome.benoit@sap.com>
Date: Sun, 3 Mar 2024 12:58:51 +0000 (+0100)
Subject: refactor(ui): refine simulator button style
X-Git-Tag: v1.3.0~67
X-Git-Url: https://git.piment-noir.org/?a=commitdiff_plain;h=fec03138c23258cf772f52e0f08f166781fa2bfe;p=e-mobility-charging-stations-simulator.git

refactor(ui): refine simulator button style

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>
---

diff --git a/ui/web/src/views/ChargingStationsView.vue b/ui/web/src/views/ChargingStationsView.vue
index 9db389a2..f5ba1f92 100644
--- a/ui/web/src/views/ChargingStationsView.vue
+++ b/ui/web/src/views/ChargingStationsView.vue
@@ -323,11 +323,20 @@ const stopSimulator = (): void => {
   background-color: green;
 }
 
+.simulator-start-button:hover {
+  color: ivory;
+  background-color: rgb(0, 98, 0);
+}
+
 .simulator-stop-button {
   color: ivory;
   background-color: red;
 }
 
+.simulator-stop-button:hover {
+  background-color: rgb(225, 0, 0);
+}
+
 #action-button {
   flex: none;
 }