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

better category badge on list view

Browse source
This commit is contained in:
Tobias Brunner 2025-07-11 11:02:14 +02:00
parent c6b50da971
commit dd25ea9d10
No known key found for this signature in database
2 changed files with 25 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

22
hub/services/templates/services/partner_detail.html
View file

@ -171,19 +171,17 @@
<h3 class="fs-24 fw-semibold lh-1 mb-12" id="services" style="scroll-margin-top: 100px;">Consulting for Services</h3> <h3 class="fs-24 fw-semibold lh-1 mb-12" id="services" style="scroll-margin-top: 100px;">Consulting for Services</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="col-12 col-md-6 mb-30"> <div class="card h-100 d-flex flex-column">
<div class="card h-100 d-flex flex-column"> {% if service.get_logo %}
{% if service.get_logo %} <div class="d-flex justify-content-between align-items-start mb-3">
<div class="d-flex justify-content-between"> <div class="card__image flex-shrink-0" style="max-width: 200px;">
{% if service.get_logo %} <a href="{{ service.get_absolute_url }}">
<div class="card__image flex-shrink-0"> <img src="{{ service.get_logo.url }}" alt="{{ service.name }} logo"
<a href="{{ service.get_absolute_url }}"> class="img-fluid" style="max-height: 60px; object-fit: contain;">
<img src="{{ service.get_logo.url }}" alt="{{ service.name }} logo" class="img-fluid"> </a>
</a>
</div>
{% endif %}
</div> </div>
{% endif %} </div>
{% endif %}
<div class="card__content d-flex flex-column flex-grow-1"> <div class="card__content d-flex flex-column flex-grow-1">
<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>

31
hub/services/templates/services/partner_list.html
View file

@ -127,25 +127,24 @@
<div class="col-12 col-md-6 col-lg-4 mb-30"> <div class="col-12 col-md-6 col-lg-4 mb-30">
<div class="card h-100 d-flex flex-column clickable-card" <div class="card h-100 d-flex flex-column clickable-card"
onclick="cardClicked(event, '{{ partner.get_absolute_url }}')"> onclick="cardClicked(event, '{{ partner.get_absolute_url }}')">
{% if partner.category %}
<div class="d-flex justify-content-end mb-2">
<span class="btn btn-primary btn-sm">{{ partner.get_category_display_badge }}</span>
</div>
{% endif %}
{% if partner.get_logo %}
<div class="d-flex justify-content-center mb-3">
<div class="card__image">
<img src="{{ partner.get_logo.url }}" alt="{{ partner.name }} logo"
class="img-fluid" style="max-height: 100px; max-width: 250px; object-fit: contain;">
</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">
<div class="card__header"> <div class="card__header">
<div class="d-flex align-items-start" style="height: 100px; margin-bottom: 1rem;">
{% if partner.get_logo %}
<div class="me-3">
<a href="{{ partner.get_absolute_url }}" class="clickable-link">
<img src="{{ partner.get_logo.url }}"
alt="{{ partner.name }}"
style="max-height: 100px; max-width: 250px; object-fit: contain;">
</a>
</div>
{% endif %}
</div>
<h3 class="card__title"> <h3 class="card__title">
<a href="{{ partner.get_absolute_url }}" class="text-decoration-none clickable-link">{{ partner.name }}</a> <a href="{{ partner.get_absolute_url }}" class="text-decoration-none clickable-link">{{ partner.name }}</a>
</h3> </h3>
<div class="mb-2">
<span class="badge bg-primary">{{ partner.get_category_display_badge }}</span>
</div>
</div> </div>
<div class="card__desc flex-grow-1 rich-text-content"> <div class="card__desc flex-grow-1 rich-text-content">
@ -155,9 +154,9 @@
<div class="card__footer mt-3"> <div class="card__footer mt-3">
<div class="d-flex gap-2"> <div class="d-flex gap-2">
{% if partner.website %} {% if partner.website %}
<a href="{{ partner.website }}" class="btn btn-primary btn-sm clickable-button" target="_blank">Visit Website</a> <a href="{{ partner.website }}" class="btn btn-secondary btn-sm clickable-button" target="_blank">Visit Website</a>
{% endif %} {% endif %}
<a href="{{ partner.get_absolute_url }}#services" class="btn btn-primary btn-sm clickable-button">Available Services</a> <a href="{{ partner.get_absolute_url }}#services" class="btn btn-secondary btn-sm clickable-button">Available Services</a>
</div> </div>
</div> </div>
</div> </div>