diff options
Diffstat (limited to 'master/client/src/views/Home.vue')
| -rw-r--r-- | master/client/src/views/Home.vue | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/master/client/src/views/Home.vue b/master/client/src/views/Home.vue new file mode 100644 index 0000000..88f65e8 --- /dev/null +++ b/master/client/src/views/Home.vue @@ -0,0 +1,53 @@ +<template> + <div class="home"> + <div id="title-container"> + <span>Gymnasiearbete</span> + </div> + <!-- + <div id="minion-list"> + <Minion + name="Skyddsling 1" + ip="10.0.1.179" + /> + </div> + --> + <div id="map-container"> + <G7Map /> + </div> + </div> +</template> + +<script lang="ts"> +import { Options, Vue } from "vue-class-component"; +import Minion from "@/components/MinionStatus.vue"; +import G7Map from "@/components/G7Map.vue"; + +@Options({ + components: { + Minion, + G7Map + } +}) +export default class HomeView extends Vue {} +</script> + +<style scoped lang="scss"> +#title-container { + display: flex; + justify-content: center; + margin-top: 2em; + margin-bottom: 7em; + + span { + font-size: 2.5rem; + } +} + +#minion-list { + margin: 3em; +} + +#map-container { + margin-left: 3em; +} +</style> |