feat: Add growing animation to NucleoDataCard and update README

This commit introduces a growing animation to the NucleoDataCard component.
- The animation is implemented using CSS keyframes and is triggered on hover.
- A smooth transition effect has also been added.

The README.md file has been updated to include information about this new feature under the UI section.
This commit is contained in:
google-labs-jules[bot]
2025-06-03 20:28:30 +00:00
parent 11be1ddfbc
commit 17d95b2d21
2 changed files with 23 additions and 1 deletions

View File

@@ -132,6 +132,9 @@ docker compose down --remove-orphans
* Arranca en puerto **80** internamente.
* Código fuente en `ui/src/`, configuración en `vite.config.js`.
#### Card Animation
The data cards implemented in `ui/src/components/ui/NucleoDataCard.vue` now feature a subtle growing animation when hovered over. This animation is implemented purely with CSS using keyframes and transitions defined within the component's `<style scoped>` section, ensuring the styles are encapsulated and don't affect other elements.
---
## 📦 CI/CD (`.gitea/workflows/build.yml`)