groove/Part-DB-server
1
0
Fork 0
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2026-02-28 20:39:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed part image for mobile view

Browse source
This commit is contained in:
Jan Böhmer 2026-02-22 19:48:57 +01:00
parent 68bcc391e3
commit 38431e88a4
2 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
assets/css/app/images.css
View file

@ -58,6 +58,12 @@
object-fit: contain;
}
@media (max-width: 768px) {
.part-info-image {
max-height: 100px;
}
}
.object-fit-cover {
object-fit: cover;
}

8
templates/label_system/scanner/_info_mode.html.twig
View file

@ -18,13 +18,13 @@
</h5>
<div class="card-body row">
<div class="col-2">
<div class="col-sm-2">
<img class="d-block w-100 img-fluid img-thumbnail bg-light part-info-image"
src="{{ entity_thumbnail(part) ?? asset('img/part_placeholder.svg') }}" alt="">
</div>
<div class="col-10">
<div class="col-sm-10">
<h4 class="card-title mb-0">{{ part.name }}</h4>
<div class="card-text text-muted">{{ part.description | format_markdown(true) }}</div>
<div>
@ -103,13 +103,13 @@
</h5>
<div class="card-body row">
<div class="col-2">
<div class="col-sm-2">
<img class="d-block w-100 img-fluid img-thumbnail bg-light part-info-image"
src="{{ entity_thumbnail(entity) ?? asset('img/part_placeholder.svg') }}" alt="">
</div>
<div class="col-10">
<div class="col-sm-10">
<h4 class="card-title mb-0">{{ entity.name }}</h4>
<p>{% trans %}id.label{% endtrans %}: {{ entity.id }} ({{ type_label(entity) }})</p>