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
feat!: handle Set at JSON serialization to string
[e-mobility-charging-stations-simulator.git]
/
ui
/
web
/
src
/
App.vue
diff --git
a/ui/web/src/App.vue
b/ui/web/src/App.vue
index ab08dea67870a367f5eb427b7d1bea896a635db3..1a0b1d6428ffab304a84fa3800cb0fe57b0dfb4a 100644
(file)
--- a/
ui/web/src/App.vue
+++ b/
ui/web/src/App.vue
@@
-1,6
+1,9
@@
<template>
<router-view />
<template>
<router-view />
- <Container id="action-container">
+ <Container
+ v-show="$route.name !== 'charging-stations' && $route.name !== 'not-found'"
+ id="action-container"
+ >
<router-view name="action" />
</Container>
</template>
<router-view name="action" />
</Container>
</template>
@@
-12,8
+15,8
@@
import Container from '@/components/Container.vue'
<style>
#app {
height: fit-content;
<style>
#app {
height: fit-content;
- width:
fit-content
;
- font-family:
Avenir, Helvetica, Arial
, sans-serif;
+ width:
100%
;
+ font-family:
Tahoma, 'Arial Narrow', Arial, Helvetica
, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
@@
-24,17
+27,22
@@
import Container from '@/components/Container.vue'
#action-container {
min-width: max-content;
#action-container {
min-width: max-content;
+ height: fit-content;
display: flex;
display: flex;
+ position: sticky;
+ top: 0.008%;
flex-direction: column;
flex-direction: column;
- align-items: center;
justify-content: center;
justify-content: center;
- margin: 0.1%;
- padding: 0.1%;
- border: solid black;
+ align-items: center;
+ text-align: center;
+ margin-right: 0.2%;
+ margin-left: 0.2%;
+ padding: 0.4%;
+ border: solid 0.25px black;
}
body {
}
body {
- margin: 0.00
5
%;
- padding: 0.00
5
%;
+ margin: 0.00
8
%;
+ padding: 0.00
8
%;
}
</style>
}
</style>