X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=ui%2Fweb%2Fsrc%2Fcomponents%2Fcharging-stations%2FCSTable.vue;h=cc826287e2384f7600d1494ca8a5e18f4917f950;hb=0475290acf98bb3575aeeb62c772f0d60b440048;hp=6fcf74683384943a8370ad6767adec8ca196ebc4;hpb=1d41bc6b533ef7361954f472811263c24cd6f64b;p=e-mobility-charging-stations-simulator.git
diff --git a/ui/web/src/components/charging-stations/CSTable.vue b/ui/web/src/components/charging-stations/CSTable.vue
index 6fcf7468..cc826287 100644
--- a/ui/web/src/components/charging-stations/CSTable.vue
+++ b/ui/web/src/components/charging-stations/CSTable.vue
@@ -1,14 +1,10 @@
-
- Charging stations
+
+ Charging Stations
- Action |
- Connector |
- Status |
- Transaction |
Name |
Started |
Supervision Url |
@@ -17,27 +13,27 @@
Template |
Vendor |
Model |
- Firmware Version |
+ Firmware |
+ Actions |
+ Connector(s) |
@@ -53,7 +49,6 @@ const props = defineProps<{
empty-cells: show;
}
-#cs-table__head,
#cs-table__body {
height: fit-content;
width: 100%;
@@ -61,29 +56,39 @@ const props = defineProps<{
flex-direction: column;
}
-#cs-table__body {
- overflow: visible overlay;
+#cs-table__caption {
+ color: white;
+ background-color: black;
+ font-size: 1.5rem;
+ font-weight: bold;
+ padding: 0.5rem;
}
.cs-table__row {
height: fit-content;
width: 100%;
display: flex;
+ flex-direction: row;
justify-content: center;
align-items: center;
}
-#cs-table__head .cs-table__row {
- background-color: rgb(194, 188, 188);
-}
-
.cs-table__row:nth-of-type(even) {
- background-color: rgb(223, 217, 217);
+ background-color: whitesmoke;
}
.cs-table__column {
height: fit-content;
- width: calc(100% / 13);
+ width: calc(65% / 10);
text-align: center;
}
+
+#cs-table__head .cs-table__row {
+ background-color: lightgrey;
+}
+
+.cs-table__connectors-column {
+ height: fit-content;
+ width: 35%;
+}