dmolinari/Elecciones-2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Fix Leyenda

Browse Source
This commit is contained in:
dmolinari
2025-10-20 15:07:02 -03:00
parent a78fcf66c0
commit 4cefb833d9
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
Elecciones-Web/frontend/src/features/legislativas/nacionales/CongresoNacionalWidget.module.css
View File

@@ -8,10 +8,14 @@
} }
/* --- Reseteos Generales --- */ /* --- Reseteos Generales --- */
.congresoContainer h1, .congresoContainer h2, .congresoContainer h3, .congresoContainer h4, .congresoContainer h5, .congresoContainer h6, .congresoContainer div, .congresoContainer p, .congresoContainer span, .congresoContainer strong, .congresoContainer em, .congresoContainer b, .congresoContainer i { .congresoContainer h1, .congresoContainer h2, .congresoContainer h3, .congresoContainer h4, .congresoContainer h5, .congresoContainer h6, .congresoContainer div, .congresoContainer p, .congresoContainer strong, .congresoContainer em, .congresoContainer b, .congresoContainer i {
line-height: 1.2; margin: 0; padding: 0; color: inherit; text-align: left; vertical-align: baseline; border: 0; line-height: 1.2; margin: 0; padding: 0; color: inherit; text-align: left; vertical-align: baseline; border: 0;
} }
.congresoContainer span{
line-height: 1.2; margin: 0; padding: 0; color: inherit; text-align: left; vertical-align: baseline;
}
/* --- ESTILOS BASE (VISTA ANCHA/ESCRITORIO) --- */ /* --- ESTILOS BASE (VISTA ANCHA/ESCRITORIO) --- */
.congresoContainer { .congresoContainer {
display: flex; flex-direction: row; align-items: stretch; gap: 1.5rem; display: flex; flex-direction: row; align-items: stretch; gap: 1.5rem;
@@ -29,8 +33,11 @@
.footerLegend { display: flex; gap: 1.25rem; align-items: center; } .footerLegend { display: flex; gap: 1.25rem; align-items: center; }
.footerLegendItem { display: flex; align-items: center; gap: 0.6rem; font-size: 1.1em; } .footerLegendItem { display: flex; align-items: center; gap: 0.6rem; font-size: 1.1em; }
.legendIcon { display: inline-block; width: 14px; height: 14px; border-radius: 50%; } .legendIcon { display: inline-block; width: 14px; height: 14px; border-radius: 50%; }
.legendIconSolid { background-color: #888; border: 1px solid #777; } .legendIconSolid { background-color: #888; }
.legendIconRing { background-color: rgba(136, 136, 136, 0.3); border: 1px solid #888; } .legendIconRing {
background-color: rgba(136, 136, 136, 0.3);
border: 1px solid #3a3a3a;
}
.footerTimestamp { font-weight: 500; font-size: 0.75em; text-align: right; } .footerTimestamp { font-weight: 500; font-size: 0.75em; text-align: right; }
.congresoSummary { flex: 1; border-left: 1px solid #e0e0e0; padding-left: 1.25rem; display: flex; flex-direction: column; justify-content: flex-start; } .congresoSummary { flex: 1; border-left: 1px solid #e0e0e0; padding-left: 1.25rem; display: flex; flex-direction: column; justify-content: flex-start; }

2
Elecciones-Web/frontend/src/features/legislativas/nacionales/CongresoNacionalWidget.tsx
View File

@@ -101,7 +101,7 @@ const WidgetContent = ({ eleccionId }: CongresoNacionalWidgetProps) => {
</div> </div>
<div className={styles.footerLegendItem}> <div className={styles.footerLegendItem}>
<span className={`${styles.legendIcon} ${styles.legendIconRing}`}></span> <span className={`${styles.legendIcon} ${styles.legendIconRing}`}></span>
<span>Bancas previas</span> <span>Bancas Fijas</span>
</div> </div>
</div> </div>
<div className={styles.footerTimestamp}> <div className={styles.footerTimestamp}>