Sunil Mohan Adapa aed23630fb
ui: Use inline SVG icons for system and help section page
Tests:

- All the icons appear as before.

- They change colors in light/dark mode.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
2026-03-19 19:12:33 -04:00

28 lines
827 B
HTML

{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}
{% load i18n %}
{% load static %}
{% load plinth_extras %}
<div class="card">
<a href="{{ item.url }}">
<div class="card-icon">
{% if 'fa-' in item.icon %}
{% icon item.icon|slice:"3:" class='card-icon' %}
{% else %}
{% if item.app_id %}
{% icon item.app_id|add:'/icons/'|add:item.icon|add:'.svg' class='card-icon' %}
{% else %}
{% icon item.icon class='card-icon' %}
{% endif %}
{% endif %}
</div>
<div class="card-title">{{ item.name }}</div>
<div class="card-tags">
{% for tag in item.tags|slice:":3" %}<span class="tag">{% trans tag %}</span>{% if not forloop.last %}<span class="tag-separator"></span>{% endif %}{% endfor %}
</div>
</a>
</div>