feat: add animal description, fix tags
This commit is contained in:
parent
8bc71d8390
commit
6a7467bb67
@ -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;
|
||||||
|
}
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user