Merge pull request #110 from enflujo/correccion-indice

🐛 Corregir error en índice
enflujo · Sep 21, 2023 · 38b1ec3 · 38b1ec3
2 parents 9e9a9e7 + dde6c3a
commit 38b1ec3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/src/componentes/Indice.astro b/src/componentes/Indice.astro
@@ -14,29 +14,29 @@ const elementosAbreviados = ['intro', 'I.', 'II.', 'III.', 'IV.', 'conclusion'];
       elementos.map((elemento, i) => {
         if (i === 0) {
           return (
-            <li class="enlaceIndice">
-              <a href={`#${elemento.enlace}`}>
+            <li>
+              <a class="enlaceIndice" href={`#${elemento.enlace}`}>
                 <img class="icono" src="/especiales/vacs/iconos/flor_1.svg" />{' '}
                 <span class="nombre">{elemento.nombre}</span>
               </a>
             </li>
           );
         } else if (i === elementos.length - 1) {
           return (
-            <li class="enlaceIndice">
-              <a href={`#${elemento.enlace}`}>
+            <li>
+              <a class="enlaceIndice" href={`#${elemento.enlace}`}>
                 <img class="icono" src="/especiales/vacs/iconos/flor_2.svg" />{' '}
                 <span class="nombre">{elemento.nombre}</span>
               </a>
             </li>
           );
         } else {
           return (
-            <a href={`#${elemento.enlace}`}>
-              <li class="enlaceIndice">
+            <li>
+              <a class="enlaceIndice" href={`#${elemento.enlace}`}>
                 {elementosAbreviados[i]} <span class="nombre">{elemento.nombre}</span>
-              </li>
-            </a>
+              </a>
+            </li>
           );
         }
       })
@@ -73,7 +73,7 @@ const elementosAbreviados = ['intro', 'I.', 'II.', 'III.', 'IV.', 'conclusion'];
     }
     li {
       margin-bottom: 1.2em;
-      max-width: 145px;
+      max-width: 10vw;
     }
   }
 
@@ -82,6 +82,7 @@ const elementosAbreviados = ['intro', 'I.', 'II.', 'III.', 'IV.', 'conclusion'];
 
     .icono {
       height: 0.8em;
+
       -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
       filter: grayscale(1) brightness(0);
     }

diff --git a/src/scss/estilosGlobales.scss b/src/scss/estilosGlobales.scss
@@ -339,7 +339,7 @@ main {
   }
 
   .anchoTitulo {
-    max-width: 90vw;
+    max-width: 70vw;
     margin: 0 auto;
   }
   .destacado {