Skip to content

2
2018_web_app
Commit 820ed667 by gema
Options

ajustes responsive

parent 81267061
Showing with 64 additions and 11 deletions
fuel/app/views/listacompra/modal_add_product.twig
......@@ -8,7 +8,7 @@
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<div class="text-center">
<img src="assets/img/listacompra/add_producto.png" class="img-responsive-custom"/>
<img src="assets/img/listacompra/add_producto.png" class="img-responsive-custom mt40"/>
<h2>AÑADIR PRODUCTO</h2>
</div>
......
fuel/app/views/listacompra/modal_delete.twig
......@@ -7,7 +7,7 @@
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<div class="text-center">
<img src="assets/img/listacompra/delete.png" class="img-responsive-custom"/>
<img src="assets/img/listacompra/delete.png" class="img-responsive-custom mt40"/>
</div>
<h2 class="text-center">¿BORRAR?</h2>
......
fuel/app/views/listacompra/modal_delete_all.twig
......@@ -7,7 +7,7 @@
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<div class="text-center">
<img src="assets/img/listacompra/delete.png" class="img-responsive-custom"/>
<img src="assets/img/listacompra/delete.png" class="img-responsive-custom mt40"/>
</div>
<h2 class="text-center">¿BORRAR?</h2>
......
fuel/app/views/menupersonalizado/index.twig
......@@ -248,7 +248,7 @@
<div class="row">
<div class="col-md-6 col-md-offset-6">
<button class="btn btn-custom btn-menu-personalizado-light mt20" data-toggle="modal" data-target="#modalRecomendaciones"> Recomendaciones resto del día <i class="fa fa-angle-double-right"></i> </button>
<button class="btn btn-custom btn-menu-personalizado-light mt20" data-toggle="modal" data-target="#modalRecomendaciones"> Resto del día <i class="fa fa-angle-double-right"></i> </button>
</div>
</div>
</div>
......
fuel/app/views/menupersonalizado/modal_resto_dia.twig
......@@ -7,7 +7,7 @@
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<div class="text-center">
<img src="assets/img/menu_personalizado/recomendaciones.png" class="img-responsive-custom"/>
<img src="assets/img/menu_personalizado/recomendaciones.png" class="img-responsive-custom mt40"/>
<h2>RECOMENDACIONES</h2>
</div>
......
fuel/app/views/menussaludables/menu/index.twig
......@@ -128,7 +128,7 @@
</div>
<div class="row">
<div class="col-md-6 col-md-offset-6">
<button class="btn btn-custom btn-menus-saludables-light mt20" data-toggle="modal" data-target="#modalRecomendaciones"> Recomendaciones resto del día <i class="fa fa-angle-double-right"></i> </button>
<button class="btn btn-custom btn-menus-saludables-light mt20" data-toggle="modal" data-target="#modalRecomendaciones"> Resto del día <i class="fa fa-angle-double-right"></i> </button>
</div>
</div>
</div>
......
fuel/app/views/menussaludables/menu/modal_resto_dia.twig
......@@ -7,7 +7,7 @@
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<div class="text-center">
<img src="assets/img/menus_saludables/recomendaciones.png" class="img-responsive-custom"/>
<img src="assets/img/menus_saludables/recomendaciones.png" class="img-responsive-custom mt40"/>
<h2>RECOMENDACIONES</h2>
</div>
......
fuel/app/views/modals/modal_saved.twig
......@@ -7,7 +7,7 @@
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<div class="text-center">
<img src="assets/img/save.png" class="img-responsive-custom"/>
<img src="assets/img/save.png" class="img-responsive-custom mt40"/>
</div>
<div class="content text-center pb40">
......
public/assets/css/custom.css
......@@ -233,6 +233,14 @@ input:checked + .slider:before {
margin-top:40px;
}
@media (max-width:375px){
.title-box-border-box{
font-size:0.8em;
left:10px;
padding:10px;
}
}
/*----------------------------------------------------*/
/*--------------BOTONES CORPORATIVOS------------------*/
/*-------------------------------------------------------*/
......@@ -245,11 +253,10 @@ input:checked + .slider:before {
@media(max-width:600px){
.btn-custom{
font-size:16px;
}
}
.btn i{
font-size:20px!important;
}
......@@ -332,10 +339,28 @@ input:checked + .slider:before {
@media (max-width:600px){
.nav-tabs-menus-saludables>li>a, .nav-tabs-menus-saludables>li>a:focus, .nav-tabs-menus-saludables>li>a:hover {
font-size:10px;
}
.nav-tabs-menus-saludables>li.active>a, .nav-tabs-menus-saludables>li.active>a:focus, .nav-tabs-menus-saludables>li.active>a:hover {
font-size:10px;
}
.nav-tabs-menu-personalizado>li a,.nav-tabs-menu-personalizado>li a:hover, .nav-tabs-menu-personalizado>li a:focus, .nav-tabs-menu-personalizado>li a:active{
font-size:10px;
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 8px;
}
}
@media (max-width:374px){
.nav-tabs-menus-saludables>li>a, .nav-tabs-menus-saludables>li>a:focus, .nav-tabs-menus-saludables>li>a:hover {
font-size:8px;
}
.nav-tabs-menus-saludables>li.active>a, .nav-tabs-menus-saludables>li.active>a:focus, .nav-tabs-menus-saludables>li.active>a:hover {
font-size:8px;
font-size:8px;
}
.nav-tabs-menu-personalizado>li a,.nav-tabs-menu-personalizado>li a:hover, .nav-tabs-menu-personalizado>li a:focus, .nav-tabs-menu-personalizado>li a:active{
......@@ -343,6 +368,21 @@ input:checked + .slider:before {
}
}
@media (max-width:320px){
.nav-tabs-menus-saludables>li>a, .nav-tabs-menus-saludables>li>a:focus, .nav-tabs-menus-saludables>li>a:hover {
font-size:5px;
}
.nav-tabs-menus-saludables>li.active>a, .nav-tabs-menus-saludables>li.active>a:focus, .nav-tabs-menus-saludables>li.active>a:hover {
font-size:5px;
}
.nav-tabs-menu-personalizado>li a,.nav-tabs-menu-personalizado>li a:hover, .nav-tabs-menu-personalizado>li a:focus, .nav-tabs-menu-personalizado>li a:active{
font-size:5px;
}
}
/*----------------------------------------------------*/
/*-------------TEXTOS, PADINGS, MARGINS------------------*/
/*-------------------------------------------------------*/
......@@ -578,6 +618,19 @@ a:focus {
margin: 0 auto;
}
.ac-custom label {
font-size: 0.8em;
padding: 0 0 0 40px;
}
.border-box {
padding: 15px;
}
.plr0{
padding-left:5px;
padding-right:5px;
}
}
/*----------------------------------------------GIF CARGA DE PAGINA----------------------*/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment