Ajustar layout y textos

src/BarraSuperior.tsx

@@ -100,7 +100,7 @@ export function BarraSuperior() {
                 <i class="ph-arrow-up-right" />
             </a>
             <CambiadorImg />
-            <span className={css(estilosGlobales.contenedor, estilosGlobales.inlineBlock)}>2021-A</span>
+            <span className={css(estilosGlobales.contenedor, estilosGlobales.inlineBlock)}>2020-B</span>
             <span className={css(estilosGlobales.contenedor, estilosGlobales.inlineBlock)}>Ingeniería de Sistemas</span>
         </header>
     )

src/ContenedorHorarios/ContenedorHorarios.tsx

@@ -5,15 +5,12 @@ import { Horarios } from "./Horarios"
 import {
     Anios,
     Cursos,
-    CursoRaw,
-    Curso,
     DatosHorario,
     DatosHorarioRaw,
     DatosGrupo,
-    ListaCursosUsuario,
 } from "../types/DatosHorario"
 import { estilosGlobales } from "../Estilos"
-import { batch, createEffect, createMemo, createSignal, createState, Show } from "solid-js"
+import { batch, createEffect, createMemo, createSignal, Show } from "solid-js"
 import { useListaCursos } from "./useListaCursos"
 
 const datosPromise = (async() => {
@@ -82,11 +79,11 @@ export function ContenedorHorarios() {
         let templateColumns = ""
         switch (estadoLayout()) {
             case "MaxHorarios": {
-                templateColumns = "4rem auto"
+                templateColumns = "0 auto"
                 break
             }
             case "MaxPersonal": {
-                templateColumns = "auto 4rem"
+                templateColumns = "auto 0m"
                 break
             }
             case "Normal": {

src/ContenedorHorarios/Horarios.tsx

@@ -121,12 +121,15 @@ export function Horarios(props: HorariosProps) {
                     </div>
                 </Match>
                 <Match when={props.estadoLayout === "MaxPersonal"}>
+                    {/*
                     <BotonMaxMin
                         fnMaximizar={fnMaximizar}
                         fnMinimizar={fnMinimizar}
                         estadoActualLayout={estadoActualLayout}
                         estadoLayoutMax={"MaxHorarios"}
                     />
+                    */}
+                    <div/>
                 </Match>
             </Switch>
 

src/ContenedorHorarios/MiHorario.tsx

@@ -73,6 +73,7 @@ export function MiHorario(props: MiHorarioProps) {
                             Mi horario
                         </div>
                         |
+                        {/*
                         <BotonIcono
                             titulo={"Nuevo horario en blanco"}
                             icono={"ph-plus"}
@@ -93,6 +94,7 @@ export function MiHorario(props: MiHorarioProps) {
                             onClick={() => {}}
                         />
                         |
+                        */}
                         <BotonMaxMin
                             fnMaximizar={fnMaximizar}
                             fnMinimizar={fnMinimizar}
@@ -127,12 +129,15 @@ export function MiHorario(props: MiHorarioProps) {
                     />
                 </Match>
                 <Match when={props.estadoLayout === "MaxHorarios"}>
+                    {/*
                     <BotonMaxMin
                         fnMaximizar={fnMaximizar}
                         fnMinimizar={fnMinimizar}
                         estadoActualLayout={estadoActualLayout}
                         estadoLayoutMax={"MaxPersonal"}
                     />
+                    */}
+                    <div/>
                 </Match>
             </Switch>
         </div>

src/Creditos.tsx

@@ -12,6 +12,10 @@ export function Creditos() {
     return (
         <div className={css(e.creditos)}>
             Desarrollado por Fernando Araoz con TypeScript, JSX y Solid.js.
+            <br/>
+            <a href="https://horarios1.araozu.dev/" style={{color: "white"}}>
+                Ir a la versión anterior.
+            </a>
         </div>
     )
 }

src/Estilos.ts

@@ -1,13 +1,14 @@
-import {StyleSheet} from "aphrodite"
+import { StyleSheet } from "aphrodite"
 
 export const estilosGlobales = StyleSheet.create({
     contenedor: {
-        margin: "0.5rem",
+        margin: "0.3rem",
         padding: "0.75rem 0.75rem",
         borderRadius: "10px",
         backdropFilter: "blur(40px)",
         backgroundColor: "rgba(100, 100, 100, 0.25)",
         color: "var(--color-texto)",
+        border: "solid 1px transparent",
     },
     contenedorCursor: {
         cursor: "pointer",
@@ -23,6 +24,7 @@ export const estilosGlobales = StyleSheet.create({
     },
     contenedorCursorActivo: {
         backgroundColor: "rgba(200, 200, 200, 0.3)",
+        border: "solid 1px rgba(255, 255, 255, 0.75)",
     },
     contenedorPhospor: {
         padding: "0.5rem 0.65rem",