diff options
| author | HampusM <hampus@hampusmat.com> | 2022-05-30 14:43:59 +0200 |
|---|---|---|
| committer | HampusM <hampus@hampusmat.com> | 2022-05-30 14:43:59 +0200 |
| commit | 4d2a1e5adfc8688bc585c96e959470d45f655438 (patch) | |
| tree | fd5ee2742129584400a7d6aced0d4c2ea6e5535d /master/client/src/views/Home.vue | |
| parent | 72e3bb715157fb5aabcbc889f4f7143bf87b90f5 (diff) | |
chore(master): add client folder
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> |