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 @@
</div>
</div>
<div class="container mt20" >
<div class="container mt-list-menus-saludables" >
{% for i in items %}
<a href={{ "menussaludables-menu/"~ i.id }}>
<div class="row item-list-style">
......
fuel/app/views/menussaludables/menu/index.twig
......@@ -52,14 +52,14 @@
<div class="title-box-border-box bg-color-menus-saludables-light">
PRIMER PLATO
</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 }}>
<div class="row">
<div class="row pointer a-black">
<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 class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
<i class="fa fa-search"></i>
</div>
</div>
</a>
......@@ -69,14 +69,14 @@
<div class="title-box-border-box bg-color-menus-saludables-light">
SEGUNDO PLATO
</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 }}>
<div class="row">
<div class="row pointer a-black">
<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 class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
<i class="fa fa-search "></i>
</div>
</div>
</a>
......@@ -92,14 +92,14 @@
PRIMER PLATO
</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 }}>
<div class="row">
<div class="row pointer a-black">
<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 class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
<i class="fa fa-search "></i>
</div>
</div>
</a>
......@@ -109,14 +109,14 @@
<div class="title-box-border-box bg-color-menus-saludables-light">
SEGUNDO PLATO
</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 }}>
<div class="row">
<div class="row pointer a-black">
<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 class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
<i class="fa fa-search "></i>
</div>
</div>
</a>
......
fuel/app/views/menussaludables/menu/modal_resto_dia.twig
......@@ -11,17 +11,21 @@
<h2>RECOMENDACIONES</h2>
</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>
{{ 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>
{{ items.recMorningExt |raw}}
<strong>Merienda </strong>
<div class="solid-box bg-color-menus-saludables">MERIENDA </div>
<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.recGeneralExt |raw}}
</div>
......
public/assets/css/custom.css
......@@ -241,6 +241,14 @@ input:checked + .slider:before {
font-size:20px;
text-transform: uppercase;
}
@media(max-width:600px){
.btn-custom{
font-size:16px;
}
}
.btn i{
font-size:20px!important;
}
......@@ -316,8 +324,24 @@ input:checked + .slider:before {
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------------------*/
/*-------------------------------------------------------*/
......@@ -369,6 +393,7 @@ h1{
padding-left:0px;
padding-right:0px;
}
.ptpb50{
padding-bottom: 50px;
padding-top: 50px;
......@@ -871,6 +896,36 @@ a:focus {
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-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*---*-*-*-*-*-*/
......
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