Skip to content

2
2018_web_app
Commit 80947f4f by gema
Options

ajustes responsive

parent 3a7b1e36
Showing with 15 additions and 15 deletions
fuel/app/views/consultas/list.twig
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
</div> </div>
<!--box con titulos de columnas--> <!--box con titulos de columnas-->
<div class="row bg-color-other whitecolor hidden-xs hidden-sm mt10 p10"> <div class="row bg-color-other whitecolor hidden-xs hidden-sm mt30 p10">
<div class="col-xs-11"> <div class="col-xs-10">
<div class="col-md-6"> <div class="col-md-6">
<label>Asunto</label> <label>Asunto</label>
</div> </div>
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<label>Estado</label> <label>Estado</label>
</div> </div>
</div> </div>
<div class="col-xs-1"></div> <div class="col-xs-2"></div>
</div> </div>
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<div class="pointer"> <div class="pointer">
<a href="{{ url('consultas-nutricionista/ver')}}"> <a href="{{ url('consultas-nutricionista/ver')}}">
<div class="row item-list-style"> <div class="row item-list-style">
<div class="col-xs-11"> <div class="col-xs-10">
<div class="col-md-6"> <div class="col-md-6">
<p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p> <p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
</div> </div>
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
<p class="color-lista-compra"><i class="fa fa-clock-o"></i> Pendiente</p> <p class="color-lista-compra"><i class="fa fa-clock-o"></i> Pendiente</p>
</div> </div>
</div> </div>
<div class="col-xs-1 text-right"><i class="fa fa-angle-right"></i></div> <div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
</div> </div>
</a> </a>
</div> </div>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
<div class="pointer"> <div class="pointer">
<a href="{{ url('consultas-nutricionista/ver')}}"> <a href="{{ url('consultas-nutricionista/ver')}}">
<div class="row item-list-style"> <div class="row item-list-style">
<div class="col-xs-11"> <div class="col-xs-10">
<div class="col-md-6"> <div class="col-md-6">
<p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p> <p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
</div> </div>
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
<p class="color-perfil"><i class="fa fa-check"></i>Leída</p> <p class="color-perfil"><i class="fa fa-check"></i>Leída</p>
</div> </div>
</div> </div>
<div class="col-xs-1 text-right"><i class="fa fa-angle-right"></i></div> <div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
</div> </div>
</a> </a>
</div> </div>
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
<div class="pointer"> <div class="pointer">
<a href="{{ url('consultas-nutricionista/ver')}}"> <a href="{{ url('consultas-nutricionista/ver')}}">
<div class="row item-list-style"> <div class="row item-list-style">
<div class="col-xs-11"> <div class="col-xs-10">
<div class="col-md-6"> <div class="col-md-6">
<p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p> <p>Lorem ipsum daet asf adsfasd asfasdf afasdf...</p>
</div> </div>
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
<p class="color-menus-saludables"><i class="fa fa-envelope"></i> Respuesta</p> <p class="color-menus-saludables"><i class="fa fa-envelope"></i> Respuesta</p>
</div> </div>
</div> </div>
<div class="col-xs-1 text-right"><i class="fa fa-angle-right"></i></div> <div class="col-xs-2 text-right"><i class="fa fa-angle-right"></i></div>
</div> </div>
</a> </a>
</div> </div>
......
fuel/app/views/consultas/ver.twig
...@@ -36,12 +36,12 @@ ...@@ -36,12 +36,12 @@
<!--respuesta NUTRICIONISTA --> <!--respuesta NUTRICIONISTA -->
<div class="row"> <div class="row">
{#icono cliente#} {#icono cliente#}
<div class="col-xs-2 text-center"> <div class="col-sm-2 text-center">
<img src="assets/img/consultas/nutricionista_sm.png" class="img-responsive-custom img-circle"/> <img src="assets/img/consultas/nutricionista_sm.png" class="img-responsive-custom img-circle"/>
<p class="mt10">Victoria Fagundez</p> <p class="mt10">Victoria Fagundez</p>
</div> </div>
{#contenido#} {#contenido#}
<div class="col-xs-10"> <div class="col-sm-10">
<p class="font-dark"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim sit amet nibh at ultrices. Cras bibendum, turpis ac dapibus feugiat, lorem nisl porttitor enim, sed finibus ligula diam vitae erat. Sed justo magna, accumsan in blandit euismod, interdum eu dui. Aliquam erat volutpat. Donec sodales velit et ullamcorper dignissim. Aliquam euismod porta leo, ac pellentesque turpis rhoncus vitae. Sed non tempor ante. Duis non venenatis mauris, eu ultricies justo. Praesent at augue ante.</p> <p class="font-dark"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim sit amet nibh at ultrices. Cras bibendum, turpis ac dapibus feugiat, lorem nisl porttitor enim, sed finibus ligula diam vitae erat. Sed justo magna, accumsan in blandit euismod, interdum eu dui. Aliquam erat volutpat. Donec sodales velit et ullamcorper dignissim. Aliquam euismod porta leo, ac pellentesque turpis rhoncus vitae. Sed non tempor ante. Duis non venenatis mauris, eu ultricies justo. Praesent at augue ante.</p>
<p><i class="fa fa-calendar"></i> 13/04/2019</p> <p><i class="fa fa-calendar"></i> 13/04/2019</p>
</div> </div>
...@@ -59,12 +59,12 @@ ...@@ -59,12 +59,12 @@
<!--respuesta NUTRICIONISTA --> <!--respuesta NUTRICIONISTA -->
<div class="row"> <div class="row">
{#icono cliente#} {#icono cliente#}
<div class="col-xs-2 text-center"> <div class="col-sm-2 text-center">
<img src="assets/img/consultas/nutricionista_sm.png" class="img-responsive-custom img-circle"/> <img src="assets/img/consultas/nutricionista_sm.png" class="img-responsive-custom img-circle"/>
<p class="mt10">Victoria Fagundez</p> <p class="mt10">Victoria Fagundez</p>
</div> </div>
{#contenido#} {#contenido#}
<div class="col-xs-10"> <div class="col-sm-10">
<p class="font-dark"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim sit amet nibh at ultrices. Cras bibendum, turpis ac dapibus feugiat, lorem nisl porttitor enim, sed finibus ligula diam vitae erat. Sed justo magna, accumsan in blandit euismod, interdum eu dui. Aliquam erat volutpat. Donec sodales velit et ullamcorper dignissim. Aliquam euismod porta leo, ac pellentesque turpis rhoncus vitae. Sed non tempor ante. Duis non venenatis mauris, eu ultricies justo. Praesent at augue ante.</p> <p class="font-dark"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim sit amet nibh at ultrices. Cras bibendum, turpis ac dapibus feugiat, lorem nisl porttitor enim, sed finibus ligula diam vitae erat. Sed justo magna, accumsan in blandit euismod, interdum eu dui. Aliquam erat volutpat. Donec sodales velit et ullamcorper dignissim. Aliquam euismod porta leo, ac pellentesque turpis rhoncus vitae. Sed non tempor ante. Duis non venenatis mauris, eu ultricies justo. Praesent at augue ante.</p>
<p><i class="fa fa-calendar"></i> 15/04/2019</p> <p><i class="fa fa-calendar"></i> 15/04/2019</p>
</div> </div>
...@@ -73,10 +73,10 @@ ...@@ -73,10 +73,10 @@
{#**********************************************FORMULARIO RESPUESTA**********************************************#} {#**********************************************FORMULARIO RESPUESTA**********************************************#}
<hr> <hr>
<div class="row"> <div class="row">
<div class="col-xs-11"> <div class="col-sm-10 col-md-11">
<textarea rows="5" class="form-control" name="subject" id="body" value="" placeholder="Responder..."></textarea> <textarea rows="5" class="form-control" name="subject" id="body" value="" placeholder="Responder..."></textarea>
</div> </div>
<div class="col-xs-1"> <div class="col-sm-2 col-md-1">
<div class="mt20"> <div class="mt20">
<a class="btn btn-custom btn-other" title="Enviar"><i class="fa fa-send"></i></a> <a class="btn btn-custom btn-other" title="Enviar"><i class="fa fa-send"></i></a>
</div> </div>
......
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