diff options
Diffstat (limited to 'master/src/views')
| -rw-r--r-- | master/src/views/AboutView.vue | 5 | ||||
| -rw-r--r-- | master/src/views/Home.vue | 41 | ||||
| -rw-r--r-- | master/src/views/HomeView.vue | 18 |
3 files changed, 41 insertions, 23 deletions
diff --git a/master/src/views/AboutView.vue b/master/src/views/AboutView.vue deleted file mode 100644 index 3fa2807..0000000 --- a/master/src/views/AboutView.vue +++ /dev/null @@ -1,5 +0,0 @@ -<template> - <div class="about"> - <h1>This is an about page</h1> - </div> -</template> 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> diff --git a/master/src/views/HomeView.vue b/master/src/views/HomeView.vue deleted file mode 100644 index 8e628bd..0000000 --- a/master/src/views/HomeView.vue +++ /dev/null @@ -1,18 +0,0 @@ -<template> - <div class="home"> - <img alt="Vue logo" src="../assets/logo.png"> - <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/> - </div> -</template> - -<script lang="ts"> -import { Options, Vue } from 'vue-class-component' -import HelloWorld from '@/components/HelloWorld.vue' // @ is an alias to /src - -@Options({ - components: { - HelloWorld - } -}) -export default class HomeView extends Vue {} -</script> |