feat: add animal description, fix tags

This commit is contained in:
moanos [he/him] 2024-04-14 20:57:42 +02:00
parent 8bc71d8390
commit 6a7467bb67
2 changed files with 14 additions and 3 deletions

View File

@ -246,7 +246,7 @@ h1 {
border: black 1px solid; border: black 1px solid;
border-radius: 0.3rem; border-radius: 0.3rem;
padding: 2px; padding: 2px;
margin: 2px; margin: 4px;
} }
.sex { .sex {
@ -382,3 +382,8 @@ h1 {
.heading-card-adoption-notice { .heading-card-adoption-notice {
word-wrap: anywhere; word-wrap: anywhere;
} }
.tags {
margin-left: auto;
padding: 5px;
}

View File

@ -2,9 +2,15 @@
<div class="card-animal"> <div class="card-animal">
<div class="detail-animal-header"> <div class="detail-animal-header">
<h1>{{ animal.name }}</h1> <h1>{{ animal.name }}</h1>
<div class="tag species">{{ animal.species }}</div> <div class="tags">
<div class="tag sex">{{ animal.get_sex_display }}</div> <div class="tag species">{{ animal.species }}</div>
<div class="tag sex">{{ animal.get_sex_display }}</div>
</div>
</div> </div>
{% if animal.description %}
<p>{{ animal.description }}</p>
{% endif %}
{% if animal.get_photo %} {% if animal.get_photo %}
<img src="{{ MEDIA_URL }}/{{ animal.get_photo.image }}" alt="{{ animal.get_photo.alt_text }}"> <img src="{{ MEDIA_URL }}/{{ animal.get_photo.image }}" alt="{{ animal.get_photo.alt_text }}">
</div> </div>