better display of service logos in partner detail page
This commit is contained in:
parent
7428475ffc
commit
327fb9a3aa
1 changed files with 10 additions and 11 deletions
|
@ -156,18 +156,17 @@
|
|||
</h3>
|
||||
<div class="row">
|
||||
{% 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">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="card__content d-flex flex-column flex-grow-1">
|
||||
{% if service.get_logo %}
|
||||
<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 }}">
|
||||
<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"
|
||||
class="img-fluid" style="max-height: 60px; object-fit: contain;">
|
||||
style="width: 100%; height: 100%; object-fit: contain; object-position: left center; display: block;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="card__content d-flex flex-column flex-grow-1">
|
||||
<div class="card__header">
|
||||
<h3 class="card__title"><a href="{{ service.get_absolute_url }}" class="text-decoration-none">{{ service.name }}</a></h3>
|
||||
<p class="card__subtitle">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue