servala/website
1
0
Fork 0
Code Issues 10 Pull requests Projects 1 Packages 1 Activity Actions

fix the card size on homepage

Browse source
This commit is contained in:
Tobias Brunner 2025-02-25 17:27:21 +01:00
parent 714c3a6bcc
commit 1825563a3a
No known key found for this signature in database
1 changed files with 34 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

12
hub/services/templates/services/homepage.html
View file

@ -39,7 +39,7 @@
<div class="row"> <div class="row">
{% for service in featured_services %} {% for service in featured_services %}
<div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0"> <div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0">
<div class="card"> <div class="card h-100 d-flex flex-column">
<div class="card__image"> <div class="card__image">
<a href="{{ service.get_absolute_url }}"><img class="img-fluid" src="{{ service.logo.url }}" alt="{{ service.name }} logo"></a> <a href="{{ service.get_absolute_url }}"><img class="img-fluid" src="{{ service.logo.url }}" alt="{{ service.name }} logo"></a>
</div> </div>
@ -49,7 +49,7 @@
<p class="card__subtitle">{{ category.name }}</p> <p class="card__subtitle">{{ category.name }}</p>
{% endfor %} {% endfor %}
</div> </div>
<div class="card__desc"> <div class="card__desc flex-grow-1">
<p>{{ service.description|safe|truncatewords:15 }}</p> <p>{{ service.description|safe|truncatewords:15 }}</p>
</div> </div>
</div> </div>
@ -87,14 +87,14 @@
<div class="row"> <div class="row">
{% for provider in featured_providers %} {% for provider in featured_providers %}
<div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0"> <div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0">
<div class="card"> <div class="card h-100 d-flex flex-column">
<div class="card__image__wide mb-4"> <div class="card__image__wide mb-4">
<a href="{{ provider.get_absolute_url }}"><img class="img-fluid" src="{{ provider.logo.url }}" alt="{{ provider.name }} logo"></a> <a href="{{ provider.get_absolute_url }}"><img class="img-fluid" src="{{ provider.logo.url }}" alt="{{ provider.name }} logo"></a>
</div> </div>
<div class="card__header"> <div class="card__header">
<h3 class="card__title"><a href="{{ provider.get_absolute_url }}" class="text-decoration-none">{{ provider.name }}</a></h3> <h3 class="card__title"><a href="{{ provider.get_absolute_url }}" class="text-decoration-none">{{ provider.name }}</a></h3>
</div> </div>
<div class="card__desc"> <div class="card__desc flex-grow-1">
<p>{{ provider.description|safe|truncatewords:15 }}</p> <p>{{ provider.description|safe|truncatewords:15 }}</p>
</div> </div>
</div> </div>
@ -132,14 +132,14 @@
<div class="row"> <div class="row">
{% for partner in featured_partners %} {% for partner in featured_partners %}
<div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0"> <div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0">
<div class="card"> <div class="card h-100 d-flex flex-column">
<div class="card__image__wide mb-4"> <div class="card__image__wide mb-4">
<a href="{{ partner.get_absolute_url }}"><img class="img-fluid" src="{{ partner.logo.url }}" alt="{{ partner.name }} logo"></a> <a href="{{ partner.get_absolute_url }}"><img class="img-fluid" src="{{ partner.logo.url }}" alt="{{ partner.name }} logo"></a>
</div> </div>
<div class="card__header"> <div class="card__header">
<h3 class="card__title"><a href="{{ partner.get_absolute_url }}" class="text-decoration-none">{{ partner.name }}</a></h3> <h3 class="card__title"><a href="{{ partner.get_absolute_url }}" class="text-decoration-none">{{ partner.name }}</a></h3>
</div> </div>
<div class="card__desc"> <div class="card__desc flex-grow-1">
<p>{{ partner.description|safe|truncatewords:15 }}</p> <p>{{ partner.description|safe|truncatewords:15 }}</p>
</div> </div>
</div> </div>