Compare commits

...

3 Commits

2 changed files with 5 additions and 3 deletions

View File

@ -64,7 +64,7 @@
.LP-Place .LP-Place__Image { .LP-Place .LP-Place__Image {
width: 280px; width: 280px;
height: 165px; height: 165px;
object-fit: fill; } object-fit: cover; }
.LP-Place .LP-Place__Assets { .LP-Place .LP-Place__Assets {
display: flex; display: flex;

View File

@ -7,14 +7,16 @@
<li class="LP-Place__Item"> <li class="LP-Place__Item">
<a href="{% url 'place_detail' pk=place.pk %}" class="LP-Link"> <a href="{% url 'place_detail' pk=place.pk %}" class="LP-Link">
<article class="LP-Place"> <article class="LP-Place">
<img class="LP-Place__Image" src="{{ place.images.first.filename.url_thumbnail }}" /> <div class="LP-Place__ImageContainer">
<img class="LP-Place__Image" src="{{ place.images.first.filename.url_thumbnail }}" />
</div>
<div class="LP-Place__Assets"> <div class="LP-Place__Assets">
<div class="LP-Place__Info"> <div class="LP-Place__Info">
<h3 class="LP-Place__Title">{{place.name}}</h3> <h3 class="LP-Place__Title">{{place.name}}</h3>
<p class="LP-Place__Detail">{{place.location}}</p> <p class="LP-Place__Detail">{{place.location}}</p>
</div> </div>
<p class="LP-TextSection LP-Place__Description"> <p class="LP-TextSection LP-Place__Description">
{{place.description}} {{place.description|truncatechars:250|truncatewords:-1}}
</p> </p>
<ul class="LP-Icon__List"> <ul class="LP-Icon__List">