From bae3e961b187bae0126c309438abde585952aca8 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Sat, 31 May 2025 08:11:48 +0000 Subject: [PATCH] Refactor: Standardize table UI across modules This commit applies a consistent set of styling rules to tables in the Tareas, Asistencias, Empleados, and Planillas modules. Key changes include: - Unified table, anel, and tbody background colors using variables from the useUi store (e.g., `ui.tableBgColorTareas`). - Standardized table divider colors to use accent color variables from the useUi store (e.g., `var(--accent-color-tareas)`). - Ensured action buttons (Edit, Delete, View Details) use consistent SVG icons across all tables. - Updated `tablaTareas.vue` to use SVG icons and themed header dividers, aligning it with the other tables which were used as the reference for the new standard. - Verified that all necessary color variables are defined and managed in the `useUi` store. These changes ensure a more consistent and themeable user interface for table views throughout the application. --- .../asistencias/tablaAsistencias.vue | 21 +++++++++++++++---- .../components/empleados/tablaEmpleados.vue | 6 +++--- .../components/planillas/tablaPlanillas.vue | 6 +++--- ui/src/components/tareas/tablaTareas.vue | 6 +++--- 4 files changed, 26 insertions(+), 13 deletions(-) diff --git a/ui/src/components/asistencias/tablaAsistencias.vue b/ui/src/components/asistencias/tablaAsistencias.vue index f0a1520..6e94a64 100644 --- a/ui/src/components/asistencias/tablaAsistencias.vue +++ b/ui/src/components/asistencias/tablaAsistencias.vue @@ -1,7 +1,16 @@