From caed3005c9f0697684a661db8b51e287fc80a55c Mon Sep 17 00:00:00 2001
From: Araozu <faraoz@unsa.edu.pe>
Date: Sun, 28 Mar 2021 08:53:02 -0500
Subject: [PATCH] Ajustar layout y textos

---
 src/BarraSuperior.tsx                         | 2 +-
 src/ContenedorHorarios/ContenedorHorarios.tsx | 9 +++------
 src/ContenedorHorarios/Horarios.tsx           | 3 +++
 src/ContenedorHorarios/MiHorario.tsx          | 5 +++++
 src/Creditos.tsx                              | 4 ++++
 src/Estilos.ts                                | 6 ++++--
 6 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/src/BarraSuperior.tsx b/src/BarraSuperior.tsx
index 864ee13..6b8eb08 100755
--- a/src/BarraSuperior.tsx
+++ b/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>
     )
diff --git a/src/ContenedorHorarios/ContenedorHorarios.tsx b/src/ContenedorHorarios/ContenedorHorarios.tsx
index a241270..9f17c00 100755
--- a/src/ContenedorHorarios/ContenedorHorarios.tsx
+++ b/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": {
diff --git a/src/ContenedorHorarios/Horarios.tsx b/src/ContenedorHorarios/Horarios.tsx
index 383d5b6..d3fc368 100755
--- a/src/ContenedorHorarios/Horarios.tsx
+++ b/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>
 
diff --git a/src/ContenedorHorarios/MiHorario.tsx b/src/ContenedorHorarios/MiHorario.tsx
index 4613d5a..0c4d6df 100755
--- a/src/ContenedorHorarios/MiHorario.tsx
+++ b/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>
diff --git a/src/Creditos.tsx b/src/Creditos.tsx
index 97debc0..1b19bf8 100644
--- a/src/Creditos.tsx
+++ b/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>
     )
 }
diff --git a/src/Estilos.ts b/src/Estilos.ts
index 6b19278..13a66db 100755
--- a/src/Estilos.ts
+++ b/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",