restore: add ... animation

2025-10-07 20:57:03 +02:00
parent 1b91ae1ab3
commit c0972b3e14
3 changed files with 30 additions and 2 deletions
--- a/dashboard/src/components/AnimatedDots.vue
+++ b/dashboard/src/components/AnimatedDots.vue
@@ -0,0 +1,26 @@
+<template>
+   <span class="dots"></span>
+</template>
+
+<style scoped>
+
+.dots {
+  display: inline-block;
+  width: 1.5em;  /* reserve enough space for '...' */
+  text-align: left;
+}
+
+.dots::after {
+  content: '';
+  animation: dots 1.5s steps(4, end) infinite;
+}
+
+@keyframes dots {
+  0%   { content: ''; }
+  25%  { content: '.'; }
+  50%  { content: '..'; }
+  75%  { content: '...'; }
+  100% { content: ''; }
+}
+
+</style>