changes

plugins/core_ui/__init__.py

@@ -0,0 +1 @@
+# core_ui media patch

plugins/core_ui/plugin.json

@@ -0,0 +1 @@
+{ "name": "core_ui", "version": "1.1", "description": "Media rendering macros and styling helpers" }

plugins/core_ui/templates/core_ui/_media_macros.html

@@ -0,0 +1,14 @@
+{% macro render_media_list(media_list, thumb_width=150) -%}
+  {% if media_list %}
+    <ul class="media-thumbnails">
+      {% for media in media_list %}
+        <li>
+          <img src="{{ url_for('media.media_file', filename=media.file_url) }}" width="{{ thumb_width }}">
+          {% if media.caption %}
+            <p>{{ media.caption }}</p>
+          {% endif %}
+        </li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+{%- endmacro %}

plugins/core_ui/templates/core_ui/media_styles.html

@@ -0,0 +1,18 @@
+<style>
+.media-thumbnails {
+  list-style-type: none;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+.media-thumbnails li {
+  display: inline-block;
+  text-align: center;
+}
+.media-thumbnails img {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 2px;
+}
+</style>