mirror of
https://github.com/ceratic/MediaCollectorLibary.git
synced 2026-05-13 23:56:46 +02:00
actors / poster images
This commit is contained in:
@@ -17,9 +17,9 @@
|
||||
<!-- Video poster -->
|
||||
<div class="col-md-4">
|
||||
<div class="card-body">
|
||||
<div style="aspect-ratio: 2/3; background-color: #f8f9fa; border-radius: 0.375rem; overflow: hidden;">
|
||||
<div style="background-color: #f8f9fa; border-radius: 0.375rem; overflow: hidden;">
|
||||
{% if movie.poster_url %}
|
||||
<img src="{{ movie.poster_url }}" alt="{{ movie.title }}" class="w-100 h-100" style="object-fit: cover;">
|
||||
<img src="{{ movie.poster_url }}" alt="{{ movie.title }}" class="w-100" style="max-height: 400px; object-fit: contain;">
|
||||
{% else %}
|
||||
<div class="w-100 h-100 d-flex align-items-center justify-content-center">
|
||||
<svg class="text-muted" width="96" height="96" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
@@ -111,7 +111,7 @@
|
||||
<!-- Additional details -->
|
||||
<div class="row g-3">
|
||||
<!-- Cast & Crew -->
|
||||
{% if movie.cast or movie.director or movie.writer %}
|
||||
{% if movie.cast or movie.director or movie.writer or movie.actors %}
|
||||
<div class="col-md-6">
|
||||
<h3 class="h6 fw-semibold text-dark mb-3">Cast & Crew</h3>
|
||||
<dl class="row g-2">
|
||||
@@ -134,6 +134,29 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
</dl>
|
||||
|
||||
<!-- Actors with thumbnails -->
|
||||
{% if movie.actors %}
|
||||
<div class="mt-3">
|
||||
<h4 class="h6 fw-semibold text-dark mb-2">Performers</h4>
|
||||
<div class="d-flex flex-wrap gap-2">
|
||||
{% for actor in movie.actors %}
|
||||
<div class="d-flex flex-column align-items-center" style="width: 60px;">
|
||||
{% if actor.thumbnail_path %}
|
||||
<img src="{{ actor.thumbnail_path }}" alt="{{ actor.name }}" class="rounded-circle mb-1" style="width: 40px; height: 40px; object-fit: cover;">
|
||||
{% else %}
|
||||
<div class="rounded-circle bg-light d-flex align-items-center justify-content-center mb-1" style="width: 40px; height: 40px;">
|
||||
<svg class="text-muted" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
|
||||
</svg>
|
||||
</div>
|
||||
{% endif %}
|
||||
<span class="small text-muted text-center" style="font-size: 0.75rem;">{{ actor.name }}</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user