Switch new display to Vue

2026-02-13 11:18:29 -05:00 · 2024-03-04 01:18:45 +00:00
parent a8e60c2e87
commit 4aaa9064fb
62 changed files with 2863 additions and 1569 deletions
--- a/WebDisplay/src/pages/index.vue
+++ b/WebDisplay/src/pages/index.vue
@@ -0,0 +1,30 @@
+<script lang="ts" setup>
+    import CurrentWeather from '../components/CurrentWeather.vue';
+    import CurrentPower from '../components/CurrentPower.vue';
+</script>
+
+<template>
+    <v-container fluid class="container">
+        <v-row align="start">
+            <v-col cols="3">
+                <CurrentWeather></CurrentWeather>
+            </v-col>
+            <v-col cols="3">
+                <Almanac></Almanac>
+            </v-col>
+            <v-col cols="2">
+                <CurrentPower></CurrentPower>
+            </v-col>
+            <v-col cols="2">
+                <CurrentLaundryStatus></CurrentLaundryStatus>
+            </v-col>
+        </v-row>
+    </v-container>
+</template>
+
+<style scoped>
+    .container {
+        height: 100%;
+        background-color: #fafafa;
+    }
+</style>