Commander1024/lostplaces-backend
Commander1024/lostplaces-backend
1
0
Fork 0
Code Issues 14 Pull Requests Releases Wiki Activity

Trying to fix CSS PlaceList Image

Browse Source
This commit is contained in:
reverend 2020-07-28 18:35:42 +02:00
parent 045f18bd83
commit 52cf9aeacc
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
source/lostplaces/lostplaces_app/static/main.css
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;

2
source/lostplaces/lostplaces_app/templates/placeList.html
View File

@ -7,7 +7,9 @@
<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">
<div class="LP-Place__ImageContainer">
<img class="LP-Place__Image" src="{{ place.images.first.filename.url_thumbnail }}" /> <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>