From e0755a5347e7aa19b26f3efb46a526c08baab5a8 Mon Sep 17 00:00:00 2001 From: dmolinari Date: Thu, 2 Oct 2025 12:14:45 -0300 Subject: [PATCH] Fix Css --- Elecciones-Web/frontend/src/App.css | 17 +++--- Elecciones-Web/frontend/src/App.tsx | 10 ++-- .../legislativas/DevAppLegislativas.tsx | 2 +- .../src/features/legislativas/DevAppStyle.css | 2 +- Elecciones-Web/frontend/src/index.css | 60 ------------------- Elecciones-Web/frontend/src/main.tsx | 1 - 6 files changed, 17 insertions(+), 75 deletions(-) delete mode 100644 Elecciones-Web/frontend/src/index.css diff --git a/Elecciones-Web/frontend/src/App.css b/Elecciones-Web/frontend/src/App.css index f44e605..d372bfe 100644 --- a/Elecciones-Web/frontend/src/App.css +++ b/Elecciones-Web/frontend/src/App.css @@ -1,29 +1,32 @@ -#root { +/* src/App.css */ + +.container-legislativas2025 { max-width: 1280px; margin: 0 auto; padding: 2rem; text-align: center; } -@keyframes logo-spin { +@keyframes elecciones-logo-spin { from { transform: rotate(0deg); } + to { transform: rotate(360deg); } } @media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; + .container-legislativas2025 a:nth-of-type(2) .logo { + animation: elecciones-logo-spin infinite 20s linear; } } -.card { +.container-legislativas2025 .card { padding: 2em; } -.read-the-docs { +.container-legislativas2025 .read-the-docs { color: #888; -} +} \ No newline at end of file diff --git a/Elecciones-Web/frontend/src/App.tsx b/Elecciones-Web/frontend/src/App.tsx index 5273caf..8dac98e 100644 --- a/Elecciones-Web/frontend/src/App.tsx +++ b/Elecciones-Web/frontend/src/App.tsx @@ -1,6 +1,5 @@ // src/App.tsx -import './App.css' -import { BancasWidget } from './components/BancasWidget' +/*import { BancasWidget } from './components/BancasWidget' import { CongresoWidget } from './components/CongresoWidget' import MapaBsAs from './components/MapaBsAs' import { DipSenTickerWidget } from './components/DipSenTickerWidget' @@ -18,10 +17,11 @@ import { SenadoresPorSeccionWidget } from './components/SenadoresPorSeccionWidge import { ConcejalesPorSeccionWidget } from './components/ConcejalesPorSeccionWidget' import { ResultadosTablaDetalladaWidget } from './components/ResultadosTablaDetalladaWidget' import { ResultadosRankingMunicipioWidget } from './components/ResultadosRankingMunicipioWidget' - +*/ function App() { - return ( + return ({/* <> +

Resultados Electorales - Provincia de Buenos Aires

@@ -60,7 +60,7 @@ function App() {
- + */} ) } diff --git a/Elecciones-Web/frontend/src/features/legislativas/DevAppLegislativas.tsx b/Elecciones-Web/frontend/src/features/legislativas/DevAppLegislativas.tsx index 4709b1a..0348feb 100644 --- a/Elecciones-Web/frontend/src/features/legislativas/DevAppLegislativas.tsx +++ b/Elecciones-Web/frontend/src/features/legislativas/DevAppLegislativas.tsx @@ -45,7 +45,7 @@ export const DevAppLegislativas = () => { }; return ( -
+

Visor de Widgets

diff --git a/Elecciones-Web/frontend/src/features/legislativas/DevAppStyle.css b/Elecciones-Web/frontend/src/features/legislativas/DevAppStyle.css index 8af60e8..773f042 100644 --- a/Elecciones-Web/frontend/src/features/legislativas/DevAppStyle.css +++ b/Elecciones-Web/frontend/src/features/legislativas/DevAppStyle.css @@ -1,4 +1,4 @@ -.container{ +.container-legislativas2025{ text-align: center; } diff --git a/Elecciones-Web/frontend/src/index.css b/Elecciones-Web/frontend/src/index.css deleted file mode 100644 index 2262454..0000000 --- a/Elecciones-Web/frontend/src/index.css +++ /dev/null @@ -1,60 +0,0 @@ -/* src/index.css */ - -/* Se importa la tipografía "Public Sans" desde Google Fonts, la misma que usa eldia.com */ -@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;700&display=swap'); - -:root { - /* Se establece la nueva fuente principal y las de respaldo */ - font-family: "Public Sans", system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; - - /* Tema Claro inspirado en El Día */ - color-scheme: light; - color: #333333; /* Texto principal más oscuro para mejor legibilidad */ - background-color: #ffffff; /* Fondo blanco */ - - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -a { - font-weight: 500; - color: #0073e6; /* Azul corporativo de El Día */ - text-decoration: none; /* Se quita el subrayado por defecto, como en el sitio */ -} -a:hover { - text-decoration: underline; /* Se añade subrayado en hover para claridad */ -} - -body { - margin: 0; - /* Se elimina el centrado vertical para un layout de página más tradicional */ - min-width: 320px; - min-height: 100vh; -} - -h1 { - font-size: 2.5em; /* Ligeramente más pequeño para un look más de noticia */ - line-height: 1.1; - color: #212529; -} - -button { - border-radius: 4px; /* Bordes menos redondeados */ - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #f8f9fa; /* Un gris muy claro para botones */ - border-color: #dee2e6; /* Borde sutil */ - cursor: pointer; - transition: all 0.2s; -} -button:hover { - border-color: #0073e6; - background-color: #eef7ff; -} \ No newline at end of file diff --git a/Elecciones-Web/frontend/src/main.tsx b/Elecciones-Web/frontend/src/main.tsx index 427284c..f281026 100644 --- a/Elecciones-Web/frontend/src/main.tsx +++ b/Elecciones-Web/frontend/src/main.tsx @@ -28,7 +28,6 @@ import { HomeCarouselWidget } from './features/legislativas/nacionales/HomeCarou import { PanelNacionalWidget } from './features/legislativas/nacionales/PanelNacionalWidget'; import { ResultadosNacionalesCardsWidget } from './features/legislativas/nacionales/ResultadosNacionalesCardsWidget'; -import './index.css'; import { DevAppLegislativas } from './features/legislativas/DevAppLegislativas'; const queryClient = new QueryClient();