add: tracking load & clean code save load

2023-12-15 21:24:52 -06:00
parent 09386547ae
commit 106349f9a2
8 changed files with 273 additions and 22 deletions
--- a/src/components/CardEmpty.vue
+++ b/src/components/CardEmpty.vue
@@ -0,0 +1,35 @@
+<script setup>
+    defineProps({
+        text: {
+            type: String,
+            required: true
+        }
+    })
+</script>
+
+<template>
+    <div class="card-info card-empty">
+        <img src="/images/logo.png" alt="logo" class="img-empty">
+
+        <p class="message">{{ text }}</p>
+    </div>
+</template>
+
+<style scoped>
+
+    .card-empty {
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+    .img-empty {
+        width: 200px;
+    }
+
+    .message {
+        margin-top: 2rem;
+        font-size: 1.4rem;
+        color: #323032;
+        font-weight: 500;
+    }
+</style>