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

Fix Home Widget Styles

Browse Source
This commit is contained in:
dmolinari
2025-10-23 18:19:13 -03:00
parent 983ed5e39c
commit 1335b54d75
4 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Elecciones-Web/frontend/src/features/legislativas/DevAppLegislativas.tsx
View File

@@ -65,7 +65,7 @@ export const DevAppLegislativas = () => {
distritoId="02" // Buenos Aires distritoId="02" // Buenos Aires
categoriaId={3} // Diputados Nacionales categoriaId={3} // Diputados Nacionales
titulo="Diputados - Provincia de Buenos Aires" titulo="Diputados - Provincia de Buenos Aires"
mapLinkUrl={''} mapLinkUrl="https://www.eldia.com/nota/2025-10-23-14-53-0-mapa-con-los-resultados-en-tiempo-real-servicios"
/> />
</div> </div>
@@ -78,7 +78,7 @@ export const DevAppLegislativas = () => {
eleccionId={2} eleccionId={2}
categoriaId={3} // 3 para Diputados, 2 para Senadores categoriaId={3} // 3 para Diputados, 2 para Senadores
titulo="Diputados - Total País" titulo="Diputados - Total País"
mapLinkUrl={''} mapLinkUrl="https://www.eldia.com/nota/2025-10-23-14-53-0-mapa-con-los-resultados-en-tiempo-real-servicios"
/> />
</div> </div>

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

@@ -6,7 +6,7 @@ import { ImageWithFallback } from '../../../components/common/ImageWithFallback'
import { assetBaseUrl } from '../../../apiService'; import { assetBaseUrl } from '../../../apiService';
import { Swiper, SwiperSlide } from 'swiper/react'; import { Swiper, SwiperSlide } from 'swiper/react';
import { Navigation, A11y } from 'swiper/modules'; import { Navigation, A11y } from 'swiper/modules';
import { FiMap } from 'react-icons/fi'; import { TfiMapAlt } from "react-icons/tfi";
// @ts-ignore // @ts-ignore
import 'swiper/css'; import 'swiper/css';
@@ -60,7 +60,7 @@ export const HomeCarouselNacionalWidget = ({ eleccionId, categoriaId, titulo, ma
<div className={styles.widgetHeader}> <div className={styles.widgetHeader}>
<h2 className={styles.widgetTitle}>{titulo}</h2> <h2 className={styles.widgetTitle}>{titulo}</h2>
<a href={mapLinkUrl} className={styles.mapLinkButton}> <a href={mapLinkUrl} className={styles.mapLinkButton}>
<FiMap /> <TfiMapAlt />
<span className={styles.buttonText}>Ver Mapa</span> <span className={styles.buttonText}>Ver Mapa</span>
</a> </a>
</div> </div>

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

@@ -57,10 +57,10 @@
gap: 0.4rem; gap: 0.4rem;
background-color: #007bff; background-color: #007bff;
color: white; color: white;
padding: 0.5rem 1rem; padding: 0.4rem 1rem;
border-radius: 9999px; border-radius: 9999px;
font-size: 0.8rem; font-size: 0.9rem;
font-weight: 600; font-weight: 700;
text-decoration: none; text-decoration: none;
white-space: nowrap; white-space: nowrap;
transition: background-color 0.2s ease, box-shadow 0.2s ease; transition: background-color 0.2s ease, box-shadow 0.2s ease;
@@ -68,7 +68,7 @@
} }
.mapLinkButton svg { .mapLinkButton svg {
font-size: 1rem; font-size: 1.5rem;
} }
.buttonText { .buttonText {
@@ -78,6 +78,8 @@
.mapLinkButton:hover { .mapLinkButton:hover {
background-color: #0056b3; background-color: #0056b3;
color: white;
text-decoration: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
} }

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

@@ -6,7 +6,7 @@ import { ImageWithFallback } from '../../../components/common/ImageWithFallback'
import { assetBaseUrl } from '../../../apiService'; import { assetBaseUrl } from '../../../apiService';
import { Swiper, SwiperSlide } from 'swiper/react'; import { Swiper, SwiperSlide } from 'swiper/react';
import { Navigation, A11y } from 'swiper/modules'; import { Navigation, A11y } from 'swiper/modules';
import { FiMap } from 'react-icons/fi'; import { TfiMapAlt } from "react-icons/tfi";
// @ts-ignore // @ts-ignore
import 'swiper/css'; import 'swiper/css';
@@ -61,7 +61,7 @@ export const HomeCarouselWidget = ({ eleccionId, distritoId, categoriaId, titulo
<div className={styles.widgetHeader}> <div className={styles.widgetHeader}>
<h2 className={styles.widgetTitle}>{titulo}</h2> <h2 className={styles.widgetTitle}>{titulo}</h2>
<a href={mapLinkUrl} className={styles.mapLinkButton}> <a href={mapLinkUrl} className={styles.mapLinkButton}>
<FiMap /> <TfiMapAlt />
<span className={styles.buttonText}>Ver Mapa</span> <span className={styles.buttonText}>Ver Mapa</span>
</a> </a>
</div> </div>