fernando/horarios-v2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Agregado indicador a las filas del horario para visualizar mejor las horas.

Browse Source
This commit is contained in:
Araozu 2020-04-21 07:46:16 -05:00
parent 16a30f9e64
commit 8621db8f73
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Inicio/tabla-horarios.vue
View File

@ -6,7 +6,7 @@
td(v-for="dia in dias") {{ dia }} td(v-for="dia in dias") {{ dia }}
tbody tbody
template(v-for="hora in horas") template(v-for="hora in horas")
tr(v-show="!(horasDescanso.find(x => x === hora)) || $store.state.mostrarDescansos") tr.fila(v-show="!(horasDescanso.find(x => x === hora)) || $store.state.mostrarDescansos")
td td
span {{ hora.substring(0, 5) }} span {{ hora.substring(0, 5) }}
span.ocultar-en-movil {{ hora.substr(5) }} span.ocultar-en-movil {{ hora.substr(5) }}
@ -67,6 +67,10 @@
<style scoped lang="sass"> <style scoped lang="sass">
.fila:hover
background-color: var(--colorFondoFila)
.tabla_horario .tabla_horario
width: 100% width: 100%
border-color: rgba(135, 135, 135, 0.51) border-color: rgba(135, 135, 135, 0.51)

4
src/sass/colores.sass
View File

@ -1,13 +1,15 @@
.tema-oscuro .tema-oscuro
--colorTexto: #d7d7d7 --colorTexto: #d7d7d7
--colorFondo: #0E1419 --colorFondo: #0E1419
--colorFondoFila: #162128
--colorTeoria: #3f77f3 --colorTeoria: #3f77f3
--colorLab: #e4564a --colorLab: #e4564a
.tema-claro .tema-claro
--colorTexto: #303030 --colorTexto: #303030
--colorFondo: #EEECEC --colorFondo: #eeecec
--colorFondoFila: #dddddd
--colorTeoria: #2e57b1 --colorTeoria: #2e57b1
--colorLab: #bb2d21 --colorLab: #bb2d21
.celda .celda