danielGe/cooloquio_front
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

actualizacion de las fechas

Browse Source
This commit is contained in:
DanielRamirezGe
2020-02-03 16:52:40 -06:00
parent 6ad2d0b4f7
commit 6d03b7c6fb
11 changed files with 82 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/convocatoria.vue
+8 -1
View File
@@ -281,7 +281,14 @@ main img {
margin-bottom: 6rem;
}
@media screen and (min-width: 768px) {
@media screen and (max-width: 320px) {
.bold{
font-weight: bold;
text-align: left;
}
.alin p h4 h5 h6 h1 h2 a{
text-align: left;
}
main img {
width: 40rem;
}
src/components/fechas.vue
+4 -7
View File
@@ -10,13 +10,10 @@
<div class="row">
<div class="col">
<ul>
<li>Envío de resúmenes y ponencias en extenso: del 17 de febrero al 6 de abril</li>
<li>Dictámenes: del 04 al 25 de mayo</li>
<li>Inscripción ponente: 4 al 31 de mayo.</li>
<li>Inscripción asistente: comunidad externa: 1 de marzo al 31 de julio Inscripción
comunidad interna 1 de marzo al 31 de julio, sin costo (es necesario asistir al 50%
de las actividades del evento, para tener derecho a constancia de asistencia)</li>
<li>Inscripción a talleres 1 de marzo al 31 de julio.</li>
<li>Entrega de resúmenes: del 17 de febrero al 6 de abril</li>
<li>Dictamen: del 21 de abril al 05 de mayo</li>
<li>Ponencias en extenso: del 05 de mayo al 15 de junio</li>
<li>Inscripción de ponentes: del 04 al 31 de mayo</li>
</ul>
</div>
</div>
src/estetica/header.vue
+1 -1
View File
@@ -28,7 +28,7 @@ export default {
margin-left: 0rem;
margin-right: 0rem;
text-align: left;
padding-left: 7rem;
}
src/estetica/menu.vue
+64 -53
View File
@@ -1,19 +1,68 @@
<template>
<section class="menu">
<nav class="container">
<div class="row">
<ul >
<nav class="navbar navbar-expand-md navbar-light " style="background-color:#BB8800;">
<div class="container">
<div class="row">
<div class="col">
<button class="navbar-toggler" type="button"
data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<router-link to="/" class="nav-item nav-link"><a> Inicio</a></router-link>
</li>
<li class="nav-item">
<router-link to="/convocatoria" class="nav-item nav-link"><a>Convocatoria</a></router-link>
</li>
<li class="nav-item">
<router-link to="/costos" class="nav-item nav-link"><a>Costos de Inscripción</a></router-link>
</li>
<li class="nav-item">
<router-link to="/fechas" class="nav-item nav-link"><a>Fechas importantes</a></router-link>
</li>
<li class="nav-item">
<router-link to="/mesas" class="nav-item nav-link"><a>Mesas Temáticas</a></router-link>
</li>
</ul>
<!-- <div class="navbar-nav">
<router-link to="/" class="nav-item nav-link"><a> Inicio</a></router-link>
<router-link to="/convocatoria" class="nav-item nav-link"><a>Convocatoria</a></router-link>
<router-link to="/costos" class="nav-item nav-link"><a>Costos de Inscripción</a></router-link>
<router-link to="/fechas" class="nav-item nav-link"><a>Fechas importantes</a></router-link>
<router-link to="/mesas" class="nav-item nav-link"><a>Mesas Temáticas</a></router-link>
</div> -->
</div>
</div>
</div>
</div>
</nav>
<!-- <ul >
<div>
<router-link to="/" tag="li"><a> Inicio</a></router-link>
<router-link to="/convocatoria" tag="li"><a>Convocatoria</a></router-link>
<router-link to="/costos" tag="li"><a>Costos de Inscripción</a></router-link>
<router-link to="/fechas" tag="li"><a>Fechas importantes</a></router-link>
<router-link to="/mesas" tag="li"><a>Mesas Temáticas</a></router-link>
</div>
</ul>
</div>
</nav>
</section>
</ul> -->
</template>
<script>
@@ -47,60 +96,22 @@ a{
display: block;
}
.menu nav ul li a, .menu nav ul li button, .menu nav ul li p {
padding: 1rem;
font-size: 1rem;
a {
color: white;
transition: .5s;
padding-left: .3rem;
padding-right: .3rem;
}
.menu nav ul li a:hover, .menu nav ul li button:hover {
a:hover{
background-color: #936900;
color: white;
}
.active {
background-color: #936900;
}
@media screen and (min-width: 1px) {
.menu nav ul {
margin: 0 0rem;
}
.menu nav ul li a, .menu nav ul li button, .menu nav ul li p {
padding: .5rem;
font-size: .5rem;
}
}
@media screen and (min-width: 330px) {
.menu nav ul {
margin: 0 0rem;
}
.menu nav ul li a, .menu nav ul li button, .menu nav ul li p {
padding: .5rem;
font-size: .7rem;
}
}
@media screen and (min-width: 768px) {
.menu nav ul {
margin: 0 1.5rem;
}
.menu nav ul li a, .menu nav ul li button, .menu nav ul li p {
padding: 1rem;
font-size: 1rem;
}
}
@media screen and (min-width: 1024px) {
.menu nav ul {
margin: 0 2rem;
}
.menu nav ul li a, .menu nav ul li button, .menu nav ul li p {
padding: 1.5rem;
font-size: 1.2rem;
}
}
</style>