Implemented SVG handling

This commit is contained in:
2025-07-07 12:40:25 +02:00
parent 246ef1b059
commit 9ada9acb3a
3 changed files with 46 additions and 40 deletions

View File

@@ -2,12 +2,19 @@
<div class="card h-100 d-flex flex-column">
<div class="card-body d-flex flex-column">
<div class="card-img-top">
{# Prioritize image, fallback to icon via onerror #}
{% if card.icon.cache %}
<img src="{{ card.icon.cache }}" alt="{{ card.title }}" style="width:100px; height:auto;"
onerror="this.style.display='none'; var icon=this.nextElementSibling; if(icon) icon.style.display='inline-block';">
{% if card.icon.class %}
<i class="{{ card.icon.class }}" style="display:none;"></i>
{% if card.icon.cache.endswith('.svg') %}
<object type="image/svg+xml" data="{{ card.icon.cache }}" style="width:100px; height:auto;">
{% if card.icon.class %}
<i class="{{ card.icon.class }}"></i>
{% endif %}
</object>
{% else %}
<img src="{{ card.icon.cache }}" alt="{{ card.title }}" style="width:100px; height:auto;"
onerror="this.style.display='none'; var icon=this.nextElementSibling; if(icon) icon.style.display='inline-block';">
{% if card.icon.class %}
<i class="{{ card.icon.class }}" style="display:none;"></i>
{% endif %}
{% endif %}
{% elif card.icon.class %}
<i class="{{ card.icon.class }}"></i>