diff options
Diffstat (limited to 'master/src/views/Home.vue')
| -rw-r--r-- | master/src/views/Home.vue | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/master/src/views/Home.vue b/master/src/views/Home.vue new file mode 100644 index 0000000..180383f --- /dev/null +++ b/master/src/views/Home.vue @@ -0,0 +1,41 @@ +<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> +</template> + +<script lang="ts"> +import { Options, Vue } from "vue-class-component"; +import Minion from "@/components/MinionStatus.vue"; + +@Options({ + components: { + Minion + } +}) +export default class HomeView extends Vue {} +</script> + +<style scoped lang="scss"> +#title-container { + display: flex; + justify-content: center; + margin-top: 2em; + + span { + font-size: 2.5rem; + } +} + +#minion-list { + margin: 3em; +} +</style> |