image display improvements

This commit is contained in:
vabene1111
2019-12-25 17:09:07 +01:00
parent 3cb01d6332
commit 3fbd2ef032

View File

@ -48,7 +48,7 @@
<div class="row"> <div class="row">
{% if ingredients %} {% if ingredients %}
<div class="col col-md-6"> <div class="col-md-6 order-md-1 col-sm-12 order-sm-2 col-12 order-2">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
@ -93,8 +93,10 @@
{% endif %} {% endif %}
{% if recipe.image %} {% if recipe.image %}
<div class="col col-md-6"> <div class="col-md-6 order-md-2 col-sm-12 order-sm-1 col-12 order-1 " style="text-align: center">
<img class="img img-fluid rounded" src="{{ recipe.image.url }}"> <img class="img img-fluid rounded" src="{{ recipe.image.url }}" style="max-height: 30vh;" alt="{% trans 'Recipe Image' %}">
<br/>
<br/>
</div> </div>
{% endif %} {% endif %}
</div> </div>