ask for missing service and card img tweaks
This commit is contained in:
parent
2cbcc4ba98
commit
558e57f664
3 changed files with 22 additions and 2 deletions
|
@ -12071,13 +12071,13 @@ a.btn:focus {
|
|||
}
|
||||
|
||||
.card__image {
|
||||
height: 120px;
|
||||
height: 100px;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.card__image img {
|
||||
max-height: 90px;
|
||||
max-height: 100px;
|
||||
max-width: 80%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
|
BIN
hub/services/static/img/sir-vala.png
Normal file
BIN
hub/services/static/img/sir-vala.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 108 KiB |
|
@ -1,4 +1,5 @@
|
|||
{% extends 'services/base.html' %}
|
||||
{% load static %}
|
||||
|
||||
{% block content %}
|
||||
<section class="section bg-primary-subtle">
|
||||
|
@ -182,6 +183,25 @@
|
|||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="col-12 col-md-6 col-lg-4 mb-30">
|
||||
<div class="card h-100 d-flex flex-column">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="card__image flex-shrink-0">
|
||||
<a href="{% url 'services:contact' %}">
|
||||
<img src="{% static "img/sir-vala.png" %}" alt="missing service logo" class="img-fluid">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card__content d-flex flex-column flex-grow-1">
|
||||
<div class="card__header">
|
||||
<h3 class="card__title"><a href="{% url 'services:contact' %}" class="text-decoration-none">Missing Service?</a></h3>
|
||||
</div>
|
||||
<div class="card__desc flex-grow-1">
|
||||
<p class="mb-0">Your favorite service is missing? Let us know which one!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue