Improve the presentation of content in reports, adding styles and str…

…ucture to texts in specific sections.
DemocraciaEnRed · Feb 20, 2025 · b527a07 · b527a07
1 parent ff5d71b
commit b527a07
Show file tree

Hide file tree

Showing 8 changed files with 48 additions and 21 deletions.
diff --git a/src/components/informe/item-slider/encuestadas/content.astro b/src/components/informe/item-slider/encuestadas/content.astro
@@ -3,9 +3,12 @@
 ---
 
 <section>
-  Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
-  reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in doloribus
-  accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam totam rem.
+  <p class="text-2xl w-10/12 m-auto">
+    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
+    reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in
+    doloribus accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam
+    totam rem.
+  </p>
 </section>
 
 <style></style>
diff --git a/src/components/informe/item-slider/mitigacion/grado-texto.astro b/src/components/informe/item-slider/mitigacion/grado-texto.astro
@@ -3,9 +3,12 @@
 ---
 
 <section>
-  Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
-  reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in doloribus
-  accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam totam rem.
+  <p class="text-2xl w-10/12 m-auto">
+    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
+    reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in
+    doloribus accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam
+    totam rem.
+  </p>
 </section>
 
 <style></style>
diff --git a/src/components/informe/item-slider/mitigacion/impacto-texto.astro b/src/components/informe/item-slider/mitigacion/impacto-texto.astro
@@ -3,9 +3,12 @@
 ---
 
 <section>
-  Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
-  reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in doloribus
-  accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam totam rem.
+  <p class="text-2xl w-10/12 m-auto">
+    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
+    reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in
+    doloribus accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam
+    totam rem.
+  </p>
 </section>
 
 <style></style>
diff --git a/src/components/informe/item-slider/mitigacion/reaccion-texto.astro b/src/components/informe/item-slider/mitigacion/reaccion-texto.astro
@@ -3,9 +3,12 @@
 ---
 
 <section>
-  Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
-  reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in doloribus
-  accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam totam rem.
+  <p class="text-2xl w-10/12 m-auto">
+    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
+    reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in
+    doloribus accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam
+    totam rem.
+  </p>
 </section>
 
 <style></style>
diff --git a/src/components/informe/item-slider/percepciones/cuidados-texto.astro b/src/components/informe/item-slider/percepciones/cuidados-texto.astro
@@ -3,9 +3,12 @@
 ---
 
 <section>
-  Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
-  reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in doloribus
-  accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam totam rem.
+  <p class="text-2xl w-10/12 m-auto">
+    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
+    reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in
+    doloribus accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam
+    totam rem.
+  </p>
 </section>
 
 <style></style>
diff --git a/src/components/informe/item-slider/percepciones/dificultad-texto.astro b/src/components/informe/item-slider/percepciones/dificultad-texto.astro
@@ -3,9 +3,12 @@
 ---
 
 <section>
-  Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
-  reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in doloribus
-  accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam totam rem.
+  <p class="text-2xl w-10/12 m-auto">
+    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
+    reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in
+    doloribus accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam
+    totam rem.
+  </p>
 </section>
 
 <style></style>
diff --git a/src/components/informe/item-slider/percepciones/noticias-texto.astro b/src/components/informe/item-slider/percepciones/noticias-texto.astro
@@ -3,9 +3,12 @@
 ---
 
 <section>
-  Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
-  reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in doloribus
-  accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam totam rem.
+  <p class="text-2xl w-10/12 m-auto">
+    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptates eum
+    reiciendis, perferendis ipsa quibusdam explicabo modi et facilis in
+    doloribus accusantium esse? Velit, accusamus impedit. Dolorum ipsa aperiam
+    totam rem.
+  </p>
 </section>
 
 <style></style>
diff --git a/src/components/informe/item-slider/percepciones/noticias.astro b/src/components/informe/item-slider/percepciones/noticias.astro
@@ -14,6 +14,12 @@
   const option = {
     title: {
       text: "Reacciones frente a las violencias",
+      textStyle: {
+        fontSize: 40,
+        fontWeight: "normal",
+        color: "#000",
+      },
+      left: "center",
     },
     legend: {
       data: ["Allocated Budget", "Actual Spending"],