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

some styling improvements to list views

Browse source
This commit is contained in:
Tobias Brunner 2025-02-26 10:35:48 +01:00
parent 22c0f94cbe
commit efc5fefeb4
No known key found for this signature in database
2 changed files with 14 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
hub/services/static/css/servala-main.css
View file

@ -12071,9 +12071,15 @@ a.btn:focus {
} }
.card__image { .card__image {
width: 80px; height: 120px;
height: 80px; display: flex;
margin-bottom: 16px overflow: hidden;
}
.card__image img {
max-height: 90px;
max-width: 80%;
object-fit: contain;
} }
.card__image__wide { .card__image__wide {

10
hub/services/templates/services/provider_list.html
View file

@ -89,19 +89,19 @@
<div class="card h-100 d-flex flex-column"> <div class="card h-100 d-flex flex-column">
<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 mb-3"> <div class="d-flex align-items-start" style="height: 100px; margin-bottom: 1rem;">
<div class="me-3"> <div class="me-3 d-flex align-items-center" style="height: 100%;">
<a href="{{ provider.get_absolute_url }}"> <a href="{{ provider.get_absolute_url }}">
<img src="{{ provider.logo.url }}" <img src="{{ provider.logo.url }}"
alt="{{ provider.name }}" alt="{{ provider.name }}"
style="max-height: 70px; max-width: 200px; object-fit: contain;"> style="max-height: 180px; max-width: 250px; object-fit: contain;">
</a> </a>
</div> </div>
</div> </div>
</div> </div>
<div class="card__desc flex-grow-1 rich-text-content"> <div class="card__desc rich-text-content" style="align-self: flex-start;">
{{ provider.description|safe|truncatewords_html:100 }} {{ provider.description|safe|truncatewords_html:50 }}
</div> </div>
<div class="card__footer mt-3"> <div class="card__footer mt-3">