Refactor campaign card rendering logic for improved clarity and consistency
This commit is contained in:
parent
a0ecd2be37
commit
0e6b703768
1 changed files with 89 additions and 85 deletions
|
|
@ -76,8 +76,9 @@
|
|||
<div class="d-flex">
|
||||
<div class="campaign-image flex-shrink-0 me-3">
|
||||
{% if campaign.image_url %}
|
||||
<img src="{{ campaign.image_url }}" width="70" height="70" class="rounded"
|
||||
alt="{{ campaign.name }}" style="object-fit: cover;">
|
||||
<img src="{{ campaign.image_url }}" width="70" height="70"
|
||||
class="rounded" alt="{{ campaign.name }}"
|
||||
style="object-fit: cover;">
|
||||
{% else %}
|
||||
<div class="bg-light rounded"
|
||||
style="width: 70px; height: 70px; display: flex; align-items: center; justify-content: center;">
|
||||
|
|
@ -93,12 +94,15 @@
|
|||
</div>
|
||||
<p class="mb-1 small text-muted text-truncate">
|
||||
<a href="{% url 'twitch:game_detail' campaign.game.id %}"
|
||||
class="text-decoration-none" title="{{ campaign.game.display_name }}">
|
||||
<i class="fas fa-gamepad me-1"></i>{{ campaign.game.display_name }}
|
||||
class="text-decoration-none"
|
||||
title="{{ campaign.game.display_name }}">
|
||||
<i
|
||||
class="fas fa-gamepad me-1"></i>{{ campaign.game.display_name }}
|
||||
</a>
|
||||
</p>
|
||||
<p class="mb-0 small text-muted">
|
||||
<i class="far fa-calendar-alt me-1"></i>{{ campaign.start_at|date:"M d, Y" }}
|
||||
<i
|
||||
class="far fa-calendar-alt me-1"></i>{{ campaign.start_at|date:"M d, Y" }}
|
||||
- {{ campaign.end_at|date:"M d, Y" }}
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue