Skip to content

2
2018_web_app
Commit 1e0fad17 by gema
Options

ajustes responsive tamaños tipografias. estilo modal recomendaciones resto dia menus saludables.

parent 88eeee2c
Showing with 81 additions and 22 deletions
fuel/app/views/menussaludables/lista/index.twig
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</div> </div>
</div> </div>
<div class="container mt20" > <div class="container mt-list-menus-saludables" >
{% for i in items %} {% for i in items %}
<a href={{ "menussaludables-menu/"~ i.id }}> <a href={{ "menussaludables-menu/"~ i.id }}>
<div class="row item-list-style"> <div class="row item-list-style">
......
fuel/app/views/menussaludables/menu/index.twig
...@@ -52,14 +52,14 @@ ...@@ -52,14 +52,14 @@
<div class="title-box-border-box bg-color-menus-saludables-light"> <div class="title-box-border-box bg-color-menus-saludables-light">
PRIMER PLATO PRIMER PLATO
</div> </div>
<div class="container-box-border-box"> <div class="container-box-border-box plr-recipe-generales">
<a href={{ "receta-detalle/update/" ~ i.lunchFirst[0].id }}> <a href={{ "receta-detalle/update/" ~ i.lunchFirst[0].id }}>
<div class="row"> <div class="row pointer a-black">
<div class="col-xs-11 plr0"> <div class="col-xs-11 plr0">
<label class="color-other">{{ i.lunchFirst[0].name }}</label> <p class="color-other">{{ i.lunchFirst[0].name }}</p>
</div> </div>
<div class="col-xs-1 plr0"> <div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i> <i class="fa fa-search"></i>
</div> </div>
</div> </div>
</a> </a>
...@@ -69,14 +69,14 @@ ...@@ -69,14 +69,14 @@
<div class="title-box-border-box bg-color-menus-saludables-light"> <div class="title-box-border-box bg-color-menus-saludables-light">
SEGUNDO PLATO SEGUNDO PLATO
</div> </div>
<div class="container-box-border-box"> <div class="container-box-border-box plr-recipe-generales">
<a href={{ "receta-detalle/update/"~ i.lunchSecond[0].id }}> <a href={{ "receta-detalle/update/"~ i.lunchSecond[0].id }}>
<div class="row"> <div class="row pointer a-black">
<div class="col-xs-11 plr0"> <div class="col-xs-11 plr0">
<label class="color-other" for="comida_segun_1_">{{ i.lunchSecond[0].name }}</label> <p class="color-other">{{ i.lunchSecond[0].name }}</p>
</div> </div>
<div class="col-xs-1 plr0"> <div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i> <i class="fa fa-search "></i>
</div> </div>
</div> </div>
</a> </a>
...@@ -92,14 +92,14 @@ ...@@ -92,14 +92,14 @@
PRIMER PLATO PRIMER PLATO
</div> </div>
<div class="container-box-border-box"> <div class="container-box-border-box plr-recipe-generales">
<a href={{ "receta-detalle/update/"~ i.dinnerFirst[0].id }}> <a href={{ "receta-detalle/update/"~ i.dinnerFirst[0].id }}>
<div class="row"> <div class="row pointer a-black">
<div class="col-xs-11 plr0"> <div class="col-xs-11 plr0">
<label class="color-other" for="cena_primer_1_">{{ i.dinnerFirst[0].name }}</label> <p class="color-other" >{{ i.dinnerFirst[0].name }}</p>
</div> </div>
<div class="col-xs-1 plr0"> <div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i> <i class="fa fa-search "></i>
</div> </div>
</div> </div>
</a> </a>
...@@ -109,14 +109,14 @@ ...@@ -109,14 +109,14 @@
<div class="title-box-border-box bg-color-menus-saludables-light"> <div class="title-box-border-box bg-color-menus-saludables-light">
SEGUNDO PLATO SEGUNDO PLATO
</div> </div>
<div class="container-box-border-box"> <div class="container-box-border-box plr-recipe-generales">
<a href={{ "receta-detalle/update/"~ i.dinnerSecond[0].id }}> <a href={{ "receta-detalle/update/"~ i.dinnerSecond[0].id }}>
<div class="row"> <div class="row pointer a-black">
<div class="col-xs-11 plr0"> <div class="col-xs-11 plr0">
<label class="color-other" for="cena_segun_1_"> {{ i.dinnerSecond[0].name }} </label> <p class="color-other" > {{ i.dinnerSecond[0].name }} </p>
</div> </div>
<div class="col-xs-1 plr0"> <div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i> <i class="fa fa-search "></i>
</div> </div>
</div> </div>
</a> </a>
......
fuel/app/views/menussaludables/menu/modal_resto_dia.twig
...@@ -11,17 +11,21 @@ ...@@ -11,17 +11,21 @@
<h2>RECOMENDACIONES</h2> <h2>RECOMENDACIONES</h2>
</div> </div>
<div class="content text-center pb40"> <div class="content text-justify padding-content-modal">
<div class="solid-box bg-color-menus-saludables">DESAYUNO </div>
<strong>DESAYUNO </strong>
<br>{{ items.recBreakfastBase |raw }}<br> <br>{{ items.recBreakfastBase |raw }}<br>
{{ items.recBreakfastExt |raw}} {{ items.recBreakfastExt |raw}}
<strong>Media Mañana</strong>
<div class="solid-box bg-color-menus-saludables">MEDIA MAÑANA</div>
<br>{{ items.recMorningBase |raw}}<br> <br>{{ items.recMorningBase |raw}}<br>
{{ items.recMorningExt |raw}} {{ items.recMorningExt |raw}}
<strong>Merienda </strong>
<div class="solid-box bg-color-menus-saludables">MERIENDA </div>
<br> {{ items.recAfternoonBase |raw}}<br>{{ items.recAfternoonExt |raw}} <br> {{ items.recAfternoonBase |raw}}<br>{{ items.recAfternoonExt |raw}}
<strong>Consejos Generales</strong>
<div class="solid-box bg-color-menus-saludables">CONSEJOS GENERALES</div>
<br>{{ items.recGeneralBase |raw}} <br>{{ items.recGeneralBase |raw}}
<br>{{ items.recGeneralExt |raw}} <br>{{ items.recGeneralExt |raw}}
</div> </div>
......
public/assets/css/custom.css
...@@ -241,6 +241,14 @@ input:checked + .slider:before { ...@@ -241,6 +241,14 @@ input:checked + .slider:before {
font-size:20px; font-size:20px;
text-transform: uppercase; text-transform: uppercase;
} }
@media(max-width:600px){
.btn-custom{
font-size:16px;
}
}
.btn i{ .btn i{
font-size:20px!important; font-size:20px!important;
} }
...@@ -316,8 +324,24 @@ input:checked + .slider:before { ...@@ -316,8 +324,24 @@ input:checked + .slider:before {
padding:20px; padding:20px;
} }
.mt-list-menus-saludables{
margin-top:5%;
}
@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: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;
}
.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:8px;
}
}
/*----------------------------------------------------*/ /*----------------------------------------------------*/
/*-------------TEXTOS, PADINGS, MARGINS------------------*/ /*-------------TEXTOS, PADINGS, MARGINS------------------*/
/*-------------------------------------------------------*/ /*-------------------------------------------------------*/
...@@ -369,6 +393,7 @@ h1{ ...@@ -369,6 +393,7 @@ h1{
padding-left:0px; padding-left:0px;
padding-right:0px; padding-right:0px;
} }
.ptpb50{ .ptpb50{
padding-bottom: 50px; padding-bottom: 50px;
padding-top: 50px; padding-top: 50px;
...@@ -871,6 +896,36 @@ a:focus { ...@@ -871,6 +896,36 @@ a:focus {
right:0; right:0;
} }
/*****************************************************************************************************************************************/
/*********************************************************MENÚS SALUDABLES***************************************************************/
/****************************************************************************************************************************************/
.plr-recipe-generales{
padding-left:40px;
padding-right:20px;
}
@media (max-width:600px){
.plr-recipe-generales{
padding-left:5px;
padding-right:5px;
}
}
/****************************************************************************************************/
/**********************************MODALS***********************************/
/****************************************************************************************************/
.padding-content-modal{
padding:30px 50px 30px 50px;
}
@media (max-width:600px){
.padding-content-modal{
padding:30px 10px 30px 10px;
}
}
/*-*-*-*---*-*-*--*-*-*--*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*RESPONSIVE-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*---*-*-*-*-*-*/ /*-*-*-*---*-*-*--*-*-*--*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*RESPONSIVE-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*---*-*-*-*-*-*/
......
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