diff --git a/src/App.vue b/src/App.vue index 5f5a3a6..e3a1153 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,8 +1,19 @@ @@ -13,8 +24,9 @@ export default name: "App" components: { barraLateral } - data: -> - alto: window.innerHeight + computed: + alto: -> @$store.state.altoPantalla + ancho: -> @$store.state.anchoPantalla # @@ -33,5 +45,15 @@ overflow-x: hidden + @media only screen and (max-width: 1370px) + .contenedor + grid-template-columns: 200px auto + + + @media only screen and (max-width: 1000px) + .contenedor + grid-template-columns: 1.75rem auto + + // diff --git a/src/components/App/barra-lateral.vue b/src/components/App/barra-lateral.vue index d7e4d76..7475ab7 100644 --- a/src/components/App/barra-lateral.vue +++ b/src/components/App/barra-lateral.vue @@ -1,17 +1,20 @@ @@ -22,19 +25,39 @@ export default name: "barra-lateral" components: { modoColor } - data: -> - alto: window.innerHeight + computed: + alto: -> @$store.state.altoPantalla # \ No newline at end of file diff --git a/src/components/Inicio/tablaHorarios/celda-curso.vue b/src/components/Inicio/tablaHorarios/celda-curso.vue index bfe4b86..553959c 100644 --- a/src/components/Inicio/tablaHorarios/celda-curso.vue +++ b/src/components/Inicio/tablaHorarios/celda-curso.vue @@ -56,7 +56,6 @@ quitarResaltadoGrupo: -> removerResaltadoGrupo @nombreAño, @cursoAbreviado, @nombreGrupo, @esLab toggleActivo: -> - console.log "Toggling... ´#{@claseCursoGeneral}´" activarGrupoCursoStr @claseCursoGeneral @@ -65,6 +64,11 @@