Ganadores cargados (Con class ganadores")

MaculaCSA · Apr 27, 2024 · 6f7fdbd · 6f7fdbd
1 parent 2df7596
commit 6f7fdbd
Show file tree

Hide file tree

Showing 3 changed files with 134 additions and 62 deletions.
diff --git a/public/style.css b/public/style.css
@@ -348,4 +348,8 @@ h3 {
 
 .creditos {
     text-align: center;
+}
+
+.ganador{
+    box-shadow: 0 0 10px 10px gold;
 }
diff --git a/src/Sitio.jsx b/src/Sitio.jsx
@@ -39,15 +39,15 @@ const Sitios = ({ciudad}) => {
 const categorias = Object.keys(datosCiudad.categorias).map((categoria, index) => {
   const categoriaData = datosCiudad.categorias[categoria];
   const modelocategoria = categoriaData[0].modelo;
-  // Se comprueba si la variable categoria incluye la palabra "público". Si sí entonces se declara la variable "publico" como classpublico, si no se declara como vacío
-  const styledivpublico = categoria.includes("público") ? { display: 'flex' } : {};
+  // Se comprueba si la variable categoria incluye la palabra "público" o "academia". Si sí entonces se declara la variable "publico" como classpublico, si no se declara como vacío
+  const styledivpublico = categoria.includes("público") || categoria.includes("academia") ? { display: 'flex' } : {};
   const stylepublico = categoria.includes("público") ? { width: 'auto' } : {};
 
   const cortos = categoriaData.slice(1).map((corto) => (
     <button
       style={{backgroundImage: `url(../img/nominados/${corto.nombre_foto})`, ...stylepublico}}
       onClick={() => openPopup(corto.youtube_id)}
-      className="corto fondoimg"
+      className={`corto fondoimg ${corto.class}`}
       onMouseEnter={() => cambiarimg(corto.nombre_foto, index)}
       onMouseLeave={() => ocultarimg(index)}
     >