feat: version 2.17.11 -- Panel: medidores y textos centrados en la tarjeta

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-10-21 08:06:03 -05:00
parent 3bada24d03
commit 081c90332b
6 changed files with 10 additions and 5 deletions
+4
View File
@@ -1,5 +1,9 @@
# Changelog - project.linkedcorp.net # Changelog - project.linkedcorp.net
## [2.17.11] - 2026-10-21
### Changed
- Panel: las tarjetas con medidor tienen el medidor y sus textos centrados dentro de la tarjeta.
## [2.17.10] - 2026-10-21 ## [2.17.10] - 2026-10-21
### Changed ### Changed
- Panel → "Avance promedio": medidor (verde) con el porcentaje al centro. - Panel → "Avance promedio": medidor (verde) con el porcentaje al centro.
+1 -1
View File
@@ -1 +1 @@
2.17.10 2.17.11
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "project-linkedcorp-backend", "name": "project-linkedcorp-backend",
"version": "2.17.10", "version": "2.17.11",
"private": true, "private": true,
"type": "module", "type": "module",
"main": "src/server.js", "main": "src/server.js",
+1 -1
View File
@@ -1,7 +1,7 @@
{ {
"name": "project-linkedcorp-frontend", "name": "project-linkedcorp-frontend",
"private": true, "private": true,
"version": "2.17.10", "version": "2.17.11",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
+1 -1
View File
@@ -30,7 +30,7 @@ export function KpiCard({ label, value, gauge, onClick, selected }) {
const clickable = !!onClick; const clickable = !!onClick;
return ( return (
<div <div
className={`kpi-card ${clickable ? 'kpi-card-clickable' : ''} ${selected ? 'selected' : ''}`} className={`kpi-card ${gauge ? 'kpi-card-gauge' : ''} ${clickable ? 'kpi-card-clickable' : ''} ${selected ? 'selected' : ''}`}
onClick={onClick} onClick={onClick}
role={clickable ? 'button' : undefined} role={clickable ? 'button' : undefined}
tabIndex={clickable ? 0 : undefined} tabIndex={clickable ? 0 : undefined}
+2 -1
View File
@@ -244,7 +244,8 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
.kpi-card-clickable { cursor: pointer; transition: border-color .15s ease; } .kpi-card-clickable { cursor: pointer; transition: border-color .15s ease; }
.kpi-card-clickable:hover { border-color: rgb(var(--accent) / .5); } .kpi-card-clickable:hover { border-color: rgb(var(--accent) / .5); }
.kpi-card.selected { border-color: rgb(var(--accent)); box-shadow: 0 0 0 1px rgb(var(--accent)); } .kpi-card.selected { border-color: rgb(var(--accent)); box-shadow: 0 0 0 1px rgb(var(--accent)); }
.kpi-gauge { width: 120px; max-width: 100%; } .kpi-card-gauge { text-align: center; }
.kpi-gauge { width: 120px; max-width: 100%; margin: 0 auto; }
.kpi-gauge-dial { position: relative; } .kpi-gauge-dial { position: relative; }
.kpi-gauge svg { display: block; width: 100%; } .kpi-gauge svg { display: block; width: 100%; }
.kpi-gauge-value { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; font-size: 1.4rem; font-weight: 700; line-height: 1; } .kpi-gauge-value { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; font-size: 1.4rem; font-weight: 700; line-height: 1; }