Improve cover image rendering

brylie · Sep 9, 2024 · c763ea2 · c763ea2
1 parent aa335b2
commit c763ea2
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/app/lessons/templates/lessons/chat_lesson.html b/app/lessons/templates/lessons/chat_lesson.html
@@ -40,7 +40,8 @@ <h1 class="mb-4">{{ page.title }}</h1>
             {% if page.cover_photo %}
                 <div class="mb-4 position-relative">
                     <div class="image-container">
-                        {% image page.cover_photo width-1200 class="img-fluid rounded w-100" alt=_("Cover image for {{ page.title }}") %}
+                        {% image page.cover_photo width-1200 as cover_image %}
+                        <img src="{{ cover_image.url }}" class="img-fluid rounded w-100" alt="{% translate 'Cover image for' %} {{ page.title }}" width="{{ cover_image.width }}" height="{{ cover_image.height }}">
                     </div>
                     <div id="chat-bubble" class="chat-bubble">
                         <div id="chat-content"></div>