feat: add deploy dashboard page with components

2026-07-02 12:48:49 +05:00
parent 73d123a62d
commit 13d7d36088
4 changed files with 178 additions and 0 deletions
@@ -0,0 +1,33 @@
+<script setup>
+import { ref, watch, nextTick } from 'vue'
+
+const props = defineProps({
+  logs: Array,
+})
+
+const logsContainer = ref(null)
+
+watch(() => props.logs, async () => {
+  await nextTick()
+  if (logsContainer.value) {
+    logsContainer.value.scrollTop = logsContainer.value.scrollHeight
+  }
+}, { deep: true })
+</script>
+
+<template>
+  <div class="mt-6">
+    <h3 class="text-lg font-medium mb-3">Logs</h3>
+    <div
+      ref="logsContainer"
+      class="bg-gray-900 text-green-400 p-4 rounded-lg h-64 overflow-y-auto font-mono text-sm"
+    >
+      <div v-if="logs.length === 0" class="text-gray-500">
+        No logs yet...
+      </div>
+      <div v-for="(log, index) in logs" :key="index">
+        {{ log }}
+      </div>
+    </div>
+  </div>
+</template>