Mejorar etiquetas de los botones

src/BarraSuperior.tsx

@@ -58,34 +58,34 @@ function CambiadorImg() {
             <i
                 className={"ph-arrow-left " + css(e.boton, e.botonLeft, estilosGlobales.contenedorCursorSoft)}
                 onClick={retrocederWallpaper}
+                title={"Cambiar imagen de fondo"}
             />
             Img. {numWallpaper() + 1}
             <i
                 className={"ph-arrow-right " + css(e.boton, e.botonRight, estilosGlobales.contenedorCursorSoft)}
                 onClick={avanzarWallpaper}
+                title={"Cambiar imagen de fondo"}
             />
         </span>
     </div>;
 }
 
-export function BarraSuperior() {
+const estilos = StyleSheet.create({
-    const estilos = StyleSheet.create({
+    tituloPrincipal: {
-        tituloPrincipal: {
+        fontWeight: "bold"
-            fontWeight: "bold",
+    }
-            fontFamily: "'SF Pro Display', sans-serif"
+});
-        }
-    });
 
+export function BarraSuperior() {
     return <header>
-        <a href="/" className={css(
+        <span className={css(
             estilosGlobales.contenedor,
             estilosGlobales.inlineBlock,
-            estilosGlobales.contenedorCursor,
             estilos.tituloPrincipal
         )}>
             Horarios Unsa
-        </a>
+        </span>
-        <a href="https://github.com" target="_blank" className={css(
+        <a href="https://github.com" target="_blank" title={"Ver codigo fuente en GitHub"} className={css(
             estilosGlobales.contenedor,
             estilosGlobales.inlineBlock,
             estilosGlobales.contenedorCursor

src/ContenedorHorarios/ContenedorHorarios.tsx

@@ -17,14 +17,14 @@ const ElemCargando = () =>
         Recuperando horarios...
     </div>
 
-export function ContenedorHorarios() {
+const e = StyleSheet.create({
-    const e = StyleSheet.create({
+    contenedor: {
-        contenedor: {
+        display: "grid",
-            display: "grid",
+        gridTemplateColumns: "50% 50%"
-            gridTemplateColumns: "50% 50%"
+    }
-        }
+});
-    });
 
+export function ContenedorHorarios() {
     const [datosCargados, setDatosCargados] = createSignal(false);
     const [datos, setDatos] = createSignal<DatosHorario | null>(null);
 

src/ContenedorHorarios/Cursos.tsx

@@ -14,7 +14,7 @@ export function Cursos(props: { dataAnio: AnioData }) {
     return <>
         <For each={Object.entries(props.dataAnio)}>
             {([_, datosCurso]) => {
-                return <span className={css(
+                return <span title={"Agregar " + datosCurso.abreviado + " a mi horario"} className={css(
                     e.contenedorCurso,
                     estilosGlobales.contenedor,
                     estilosGlobales.contenedorCursor,

src/ContenedorHorarios/Horarios.tsx

@@ -22,7 +22,7 @@ export function Horarios(props: { data: DatosHorario }) {
                 );
             });
 
-            return <div className={clases()} onClick={() => setAnioActual(nombre)}>
+            return <div className={clases()} title={"Cambiar a " + nombre} onClick={() => setAnioActual(nombre)}>
                 {nombre}
             </div>
         }}

src/Store.ts

@@ -37,7 +37,7 @@ export const horasDescanso = [
     "17:30 - 17:40"
 ];
 
-const numImgGuardado = parseInt(localStorage.getItem("num-img") ?? "4");
+const numImgGuardado = parseInt(localStorage.getItem("num-img") ?? "3");
 
 export const [modoColor, setModoColor] = createSignal(ModoColor.Oscuro);
 export const [numWallpaper, setNumWallpaper] = createSignal(numImgGuardado);