Switch new display to Vue

2026-01-31 01:25:39 -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/components/DashboardItem.vue
+++ b/WebDisplay/src/components/DashboardItem.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+    defineProps(['title']);
+</script>
+
+<template>
+    <div class="bg-primary dashboard-item-header">
+        {{ title }}
+    </div>
+    <div class="dashboard-item-content">
+        <slot></slot>
+    </div>
+</template>
+
+<style scoped>
+    .dashboard-item-header {
+        padding: 2px 10px;
+    }
+
+    .dashboard-item-content {
+        background-color: white;
+        border: 1px solid lightgray;
+    }
+</style>