make service card in partner listing aligned
This commit is contained in:
parent
45488fe0db
commit
71d4962d18
1 changed files with 10 additions and 10 deletions
|
|
@ -157,18 +157,18 @@
|
|||
<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="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 class="card h-100 d-flex flex-column clickable-card"
|
||||
onclick="cardClicked(event, '{{ service.get_absolute_url }}')">
|
||||
{% if service.get_logo %}
|
||||
<div class="d-flex justify-content-between mb-3">
|
||||
<div class="card__image flex-shrink-0">
|
||||
<img src="{{ service.get_logo.url }}" alt="{{ service.name }} logo" class="img-fluid">
|
||||
</div>
|
||||
{% endif %}
|
||||
</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>
|
||||
<h3 class="card__title">{{ service.name }}</h3>
|
||||
<p class="card__subtitle">
|
||||
{% for category in service.categories.all %}
|
||||
<span>{{ category.full_path }}</span>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue