repositories
/
e-mobility-charging-stations-simulator.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
refactor(ui): improve the charging stations list styles
[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 cc826287e2384f7600d1494ca8a5e18f4917f950..49d576e51d0bb510b52c0741b87e165e9872cf95 100644
(file)
--- a/
ui/web/src/components/charging-stations/CSTable.vue
+++ b/
ui/web/src/components/charging-stations/CSTable.vue
@@
-29,6
+29,7
@@
</template>
<script setup lang="ts">
</template>
<script setup lang="ts">
+import { defineProps } from 'vue'
import CSData from '@/components/charging-stations/CSData.vue'
import type { ChargingStationData } from '@/types'
import CSData from '@/components/charging-stations/CSData.vue'
import type { ChargingStationData } from '@/types'
@@
-71,6
+72,7
@@
defineProps<{
flex-direction: row;
justify-content: center;
align-items: center;
flex-direction: row;
justify-content: center;
align-items: center;
+ border: solid 0.5px black;
}
.cs-table__row:nth-of-type(even) {
}
.cs-table__row:nth-of-type(even) {
@@
-79,7
+81,7
@@
defineProps<{
.cs-table__column {
height: fit-content;
.cs-table__column {
height: fit-content;
- width: calc(6
5
% / 10);
+ width: calc(6
0
% / 10);
text-align: center;
}
text-align: center;
}
@@
-89,6
+91,6
@@
defineProps<{
.cs-table__connectors-column {
height: fit-content;
.cs-table__connectors-column {
height: fit-content;
- width:
35
%;
+ width:
40
%;
}
</style>
}
</style>