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:
@@ -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,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,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",
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
@@ -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; }
|
||||||
|
|||||||
Reference in New Issue
Block a user