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

fix card logo size on homepage

Browse source
This commit is contained in:
Tobias Brunner 2025-03-26 14:00:40 +01:00
parent 9988c9fcbd
commit 0dd73bedde
No known key found for this signature in database
2 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -12083,7 +12083,6 @@ a.btn:focus {
}
.card__image__wide {
width: 150px;
height: 80px;
margin-bottom: 16px
}
@ -12109,6 +12108,15 @@ a.btn:focus {
margin-bottom: 0
}
.card-logo {
max-height: 80px;
max-width: 100%;
width: auto;
object-fit: contain;
display: block;
margin: 0 auto;
}
@media (min-width: 992px) {
.section-hero__header {
width: 56%

6
hub/services/templates/pages/homepage.html
View file

@ -43,7 +43,7 @@
<div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0">
<div class="card h-100 d-flex flex-column">
<div class="card__image">
<a href="{{ service.get_absolute_url }}"><img class="img-fluid" src="{{ service.logo.url }}" alt="{{ service.name }} logo" style="max-height: 80px; max-width: 250px; object-fit: contain;"></a>
<a href="{{ service.get_absolute_url }}"><img class="img-fluid card-logo" src="{{ service.logo.url }}" alt="{{ service.name }} logo"></a>
</div>
<div class="card__header">
<h3 class="card__title"><a href="{{ service.get_absolute_url }}" class="text-decoration-none">{{ service.name }}</a></h3>
@ -91,7 +91,7 @@
<div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0">
<div class="card h-100 d-flex flex-column">
<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" style="max-height: 80px; max-width: 250px; object-fit: contain;"></a>
<a href="{{ provider.get_absolute_url }}"><img class="img-fluid card-logo" src="{{ provider.logo.url }}" alt="{{ provider.name }} logo"></a>
</div>
<div class="card__header">
<h3 class="card__title"><a href="{{ provider.get_absolute_url }}" class="text-decoration-none">{{ provider.name }}</a></h3>
@ -136,7 +136,7 @@
<div class="col-12 col-md-6 col-lg-3 mb-20 mb-lg-0">
<div class="card h-100 d-flex flex-column">
<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" style="max-height: 80px; max-width: 250px; object-fit: contain;"></a>
<a href="{{ partner.get_absolute_url }}"><img class="img-fluid card-logo" src="{{ partner.logo.url }}" alt="{{ partner.name }} logo"></a>
</div>
<div class="card__header">
<h3 class="card__title"><a href="{{ partner.get_absolute_url }}" class="text-decoration-none">{{ partner.name }}</a></h3>