mgonzalez/project.linkedcorp.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/KpiCard.jsx
+1 -1
View File
@@ -30,7 +30,7 @@ export function KpiCard({ label, value, gauge, onClick, selected }) {
const clickable = !!onClick;
return (
<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}
role={clickable ? 'button' : undefined}
tabIndex={clickable ? 0 : undefined}
frontend/src/styles/app.css
+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: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-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 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; }