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

Fix Widgets Home y Logos Overrides

Browse Source
This commit is contained in:
dmolinari
2025-10-23 10:51:50 -03:00
parent 814b24cefb
commit 3c364ef373
5 changed files with 55 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
Elecciones-Web/frontend/src/features/legislativas/nacionales/HomeCarouselNacionalWidget.tsx
View File

@@ -57,28 +57,6 @@ export const HomeCarouselNacionalWidget = ({ eleccionId, categoriaId, titulo }:
<div className={styles.homeCarouselWidget}>
<h2 className={styles.widgetTitle}>{titulo}</h2>
<div className={styles.topStatsBar}>
<div>
<span>Participación</span>
<strong>{formatPercent(data.estadoRecuento?.participacionPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Mesas escrutadas</span>
<span className={styles.shortText}>Escrutado</span>
<strong>{formatPercent(data.estadoRecuento?.mesasTotalizadasPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Votos en blanco</span>
<span className={styles.shortText}>En blanco</span>
<strong>{formatPercent(data.votosEnBlancoPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Votos totales</span>
<span className={styles.shortText}>Votos</span>
<strong>{formatNumber(data.votosTotales)}</strong>
</div>
</div>
<div className={styles.carouselContainer}>
<Swiper
modules={[Navigation, A11y]}
@@ -132,6 +110,28 @@ export const HomeCarouselNacionalWidget = ({ eleccionId, categoriaId, titulo }:
<div className={`${styles.navButton} ${styles.navButtonNext} ${nextButtonClass}`}></div>
</div>
<div className={styles.topStatsBar}>
<div>
<span>Participación</span>
<strong>{formatPercent(data.estadoRecuento?.participacionPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Mesas escrutadas</span>
<span className={styles.shortText}>Escrutado</span>
<strong>{formatPercent(data.estadoRecuento?.mesasTotalizadasPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Votos en blanco</span>
<span className={styles.shortText}>En blanco</span>
<strong>{formatPercent(data.votosEnBlancoPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Votos totales</span>
<span className={styles.shortText}>Votos</span>
<strong>{formatNumber(data.votosTotales)}</strong>
</div>
</div>
<div className={styles.widgetFooter}>
Última actualización: {formatDateTime(data.ultimaActualizacion)}
</div>

9
Elecciones-Web/frontend/src/features/legislativas/nacionales/HomeCarouselWidget.module.css
View File

@@ -48,6 +48,7 @@
border-radius: 8px;
padding: 0.3rem 0.5rem;
margin-bottom: 0.5rem;
margin-top: 0.5rem;
}
.topStatsBar > div {
@@ -176,7 +177,7 @@
/* Posición y contenido específico para cada botón */
.navButtonPrev {
left: 10px;
left: -10px;
}
.navButtonPrev::after {
/* SVG de flecha izquierda (chevron) codificado en Base64 */
@@ -184,7 +185,7 @@
}
.navButtonNext {
right: 10px;
right: -10px;
}
.navButtonNext::after {
/* SVG de flecha derecha (chevron) codificado en Base64 */
@@ -278,8 +279,8 @@
.navButton::after {
line-height: 32px;
}
.navButtonPrev { left: 5px; }
.navButtonNext { right: 5px; }
.navButtonPrev { left: -10px; }
.navButtonNext { right: -10px; }
.homeCarouselWidget .candidateCard { gap: 0.5rem; padding: 0.5rem; }
.homeCarouselWidget .candidatePhotoWrapper { width: 50px; height: 50px; }

44
Elecciones-Web/frontend/src/features/legislativas/nacionales/HomeCarouselWidget.tsx
View File

@@ -58,28 +58,6 @@ export const HomeCarouselWidget = ({ eleccionId, distritoId, categoriaId, titulo
<div className={styles.homeCarouselWidget}>
<h2 className={styles.widgetTitle}>{titulo}</h2>
<div className={styles.topStatsBar}>
<div>
<span>Participación</span>
<strong>{formatPercent(data.estadoRecuento?.participacionPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Mesas escrutadas</span>
<span className={styles.shortText}>Escrutado</span>
<strong>{formatPercent(data.estadoRecuento?.mesasTotalizadasPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Votos en blanco</span>
<span className={styles.shortText}>En blanco</span>
<strong>{formatPercent(data.votosEnBlancoPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Votos totales</span>
<span className={styles.shortText}>Votos</span>
<strong>{formatNumber(data.votosTotales)}</strong>
</div>
</div>
<div className={styles.carouselContainer}>
<Swiper
modules={[Navigation, A11y]}
@@ -133,6 +111,28 @@ export const HomeCarouselWidget = ({ eleccionId, distritoId, categoriaId, titulo
<div className={`${styles.navButton} ${styles.navButtonNext} ${nextButtonClass}`}></div>
</div>
<div className={styles.topStatsBar}>
<div>
<span>Participación</span>
<strong>{formatPercent(data.estadoRecuento?.participacionPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Mesas escrutadas</span>
<span className={styles.shortText}>Escrutado</span>
<strong>{formatPercent(data.estadoRecuento?.mesasTotalizadasPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Votos en blanco</span>
<span className={styles.shortText}>En blanco</span>
<strong>{formatPercent(data.votosEnBlancoPorcentaje)}</strong>
</div>
<div>
<span className={styles.longText}>Votos totales</span>
<span className={styles.shortText}>Votos</span>
<strong>{formatNumber(data.votosTotales)}</strong>
</div>
</div>
<div className={styles.widgetFooter}>
Última actualización: {formatDateTime(data.ultimaActualizacion)}
</div>