refactor(ui): move the charging stations data array to vue.js global

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

diff --git a/ui/web/src/components/charging-stations/CSTable.vue b/ui/web/src/components/charging-stations/CSTable.vue
index 3d9efbbf2471cb1239f3e64c51262923f8d45021..05a8255f97757cf0431d8ce3ac495b036e07bbfd 100644 (file)
--- a/ui/web/src/components/charging-stations/CSTable.vue
+++ b/ui/web/src/components/charging-stations/CSTable.vue
@@ -51,7 +51,6 @@ const props = defineProps<{
   empty-cells: show;
 }
 
-#cs-table__head,
 #cs-table__body {
   height: fit-content;
   width: 100%;
@@ -71,14 +70,11 @@ const props = defineProps<{
   height: fit-content;
   width: 100%;
   display: flex;
+  flex-direction: row;
   justify-content: center;
   align-items: center;
 }
 
-#cs-table__head .cs-table__row {
-  background-color: lightgrey;
-}
-
 .cs-table__row:nth-of-type(even) {
   background-color: whitesmoke;
 }
@@ -89,9 +85,12 @@ const props = defineProps<{
   text-align: center;
 }
 
+#cs-table__head .cs-table__row {
+  background-color: lightgrey;
+}
+
 .cs-table__connectors-column {
   height: fit-content;
   width: 35%;
-  text-align: center;
 }
 </style>