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): refine action bar style
[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 87c7aa45293f9c1282cde9c51cfd38a0576d17bc..ab08dea67870a367f5eb427b7d1bea896a635db3 100644
(file)
--- a/
ui/web/src/App.vue
+++ b/
ui/web/src/App.vue
@@
-1,7
+1,14
@@
<template>
<router-view />
<template>
<router-view />
+ <Container id="action-container">
+ <router-view name="action" />
+ </Container>
</template>
</template>
+<script setup lang="ts">
+import Container from '@/components/Container.vue'
+</script>
+
<style>
#app {
height: fit-content;
<style>
#app {
height: fit-content;
@@
-9,14
+16,25
@@
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
- color: #2c3e50;
+ display: flex;
+ flex-direction: row;
+ color: black;
+ background-color: white;
+}
+
+#action-container {
+ min-width: max-content;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin: 0.1%;
+ padding: 0.1%;
+ border: solid black;
}
body {
}
body {
- height: fit-content;
- width: fit-content;
- margin: 0.05%;
- padding: 0.05%;
- background-color: rgb(233, 227, 227);
+ margin: 0.005%;
+ padding: 0.005%;
}
</style>
}
</style>