adebaumann/labhelper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated boxes page with links and smaller thumbnails

Browse Source
This commit is contained in:
Adrian A. Baumann
2025-12-28 23:19:51 +01:00
parent 00861f8945
commit ed44deb5a6
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
boxes/templates/boxes/box_detail.html
View File

@@ -43,20 +43,21 @@
background-color: #f8f9fa;
}
.thumbnail {
width: 200px;
height: 200px;
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 4px;
}
.no-image {
width: 200px;
height: 200px;
width: 50px;
height: 50px;
background-color: #e0e0e0;
display: flex;
align-items: center;
justify-content: center;
color: #999;
border-radius: 4px;
font-size: 12px;
}
.back-link {
margin-bottom: 20px;
@@ -98,14 +99,14 @@
<tr>
<td>
{% if thing.picture %}
{% thumbnail thing.picture "200x200" crop="center" as thumb %}
{% thumbnail thing.picture "50x50" crop="center" as thumb %}
<img src="{{ thumb.url }}" alt="{{ thing.name }}" class="thumbnail">
{% endthumbnail %}
{% else %}
<div class="no-image">No image</div>
{% endif %}
</td>
<td>{{ thing.name }}</td>
<td><a href="{% url 'thing_detail' thing.id %}">{{ thing.name }}</a></td>
<td>{{ thing.thing_type.name }}</td>
<td>{{ thing.description|default:"-" }}</td>
</tr>