diff options
| author | Matthew Lemon <y@yulqen.org> | 2024-07-07 14:53:13 +0100 |
|---|---|---|
| committer | Matthew Lemon <y@yulqen.org> | 2024-07-07 14:53:13 +0100 |
| commit | 8d5a97fc8ed5d6bdfd64025dd4a79e8f5abbf85c (patch) | |
| tree | 6640e7e2ad457629e612eb6054c62c61668279ec /pyblackbird_cc/templates | |
| parent | 5d37566a4352e4ba3f6db10627d1650dc21f804a (diff) | |
Better implementation of carousel
- Removed the primary coloured background
- Changed the colour of the next and previous icons
- Reduced the width of the actual image
Diffstat (limited to 'pyblackbird_cc/templates')
| -rw-r--r-- | pyblackbird_cc/templates/resources/resource_detail.html | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/pyblackbird_cc/templates/resources/resource_detail.html b/pyblackbird_cc/templates/resources/resource_detail.html index 2cdebd4..4db7f56 100644 --- a/pyblackbird_cc/templates/resources/resource_detail.html +++ b/pyblackbird_cc/templates/resources/resource_detail.html @@ -53,6 +53,7 @@ </div> </div> + <!-- Here be the carousel stuff --> {% for snapshot_filename, snapshot_urls in resource.snapshot_urls.items %} <div class="row my-4"> @@ -62,15 +63,16 @@ <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel"> - <div class="carousel-inner bg-primary"> + <div class="carousel-inner"> {% for snapshot_url in snapshot_urls %} {% if forloop.first %} + <!-- We must have an active class otherwise the carousel will not show up --> <div class="carousel-item active"> {% else %} <div class="carousel-item"> {% endif %} - <img src="{{ snapshot_url }}" class="d-block w-50 mx-auto img-thumbnail rounded" alt="{{ snapshot_name }}"> + <img src="{{ snapshot_url }}" class="d-block w-25 mx-auto img-thumbnail rounded" alt="{{ snapshot_name }}"> </div> {% endfor %} </div> |