better display of service logos in partner detail page

This commit is contained in:
Tobias Brunner 2025-07-11 15:00:22 +02:00
parent 7428475ffc
commit 327fb9a3aa
No known key found for this signature in database

View file

@ -156,18 +156,17 @@
</h3> </h3>
<div class="row"> <div class="row">
{% for service in services %} {% for service in services %}
<div class="col-12 col-md-6 mb-30"> <div class="card h-100 d-flex flex-column"> <div class="col-12 col-md-6 mb-30">
{% if service.get_logo %} <div class="card h-100 d-flex flex-column">
<div class="d-flex justify-content-between align-items-start mb-3">
<div class="card__image flex-shrink-0" style="max-width: 200px;">
<a href="{{ service.get_absolute_url }}">
<img src="{{ service.get_logo.url }}" alt="{{ service.name }} logo"
class="img-fluid" style="max-height: 60px; object-fit: contain;">
</a>
</div>
</div>
{% endif %}
<div class="card__content d-flex flex-column flex-grow-1"> <div class="card__content d-flex flex-column flex-grow-1">
{% if service.get_logo %}
<div class="d-flex align-items-center justify-content-start" style="height: 60px; margin-bottom: 1rem; width: 100%;">
<a href="{{ service.get_absolute_url }}" class="clickable-link" style="display: block; width: 120px; height: 60px;">
<img src="{{ service.get_logo.url }}" alt="{{ service.name }} logo"
style="width: 100%; height: 100%; object-fit: contain; object-position: left center; display: block;">
</a>
</div>
{% endif %}
<div class="card__header"> <div class="card__header">
<h3 class="card__title"><a href="{{ service.get_absolute_url }}" class="text-decoration-none">{{ service.name }}</a></h3> <h3 class="card__title"><a href="{{ service.get_absolute_url }}" class="text-decoration-none">{{ service.name }}</a></h3>
<p class="card__subtitle"> <p class="card__subtitle">