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 @@
div.contenedor
- barra-lateral
- div.der(:style="'max-height: ' + alto + 'px;'")
- router-view
+ template(v-if="ancho > 500")
+ barra-lateral
+ div.der(:style="'max-height: ' + alto + 'px;'")
+ router-view
+ template(v-else)
+ br
+ div
+ h1 Horarios UNSA
+ p Parece que estás usando un celular.
+ p Rota tu celular para poder usar el sistema de horarios.
+ p.
+ Recomendamos un computador o laptop para obtener
+ el funcionamiento completo.
+
//
@@ -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 @@
- div.lateral(:style="'min-height: ' + alto + 'px;'")
- h1 Horarios UNSA
- br
- br
- div.info
- p 2019-2
- p Facultad de Producción y Servicios
- p Escuela Profesional de Ingeniería de Sistemas
- br
- br
- modo-color
- h2 Inicio
- h2 Otros
+ div.lateral(:style="'height: ' + alto + 'px;'")
+ div.mostrar-bajo-1000.boton-lateral(:style="'height: ' + alto + 'px;'")
+ div »
+ div.barra
+ h1 Horarios UNSA
+ br
+ br
+ div.info
+ p 2019-2
+ p Facultad de Producción y Servicios
+ p Escuela Profesional de Ingeniería de Sistemas
+ br
+ br
+ modo-color
+ h2 Inicio
+ h2 Otros
//
@@ -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 @@