summaryrefslogtreecommitdiff
path: root/master/src/views/Home.vue
diff options
context:
space:
mode:
authorHampusM <hampus@hampusmat.com>2022-05-23 15:30:53 +0200
committerHampusM <hampus@hampusmat.com>2022-05-23 15:30:53 +0200
commit804f13402078a025924f5a42c479dd418f985112 (patch)
tree537975a99a83aa97abf34fc11ed27b269750febb /master/src/views/Home.vue
parent71a02201164597481b926a26ab1eaa1ee112f4ec (diff)
feat(master): add display single minion temperature reading
Diffstat (limited to 'master/src/views/Home.vue')
-rw-r--r--master/src/views/Home.vue41
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>