firstboot: Use inline SVG icons

Tests:

- All the icons appear as before in both light/dark themes.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Sunil Mohan Adapa 2026-03-12 11:40:03 -07:00 committed by James Valleroy
parent bcc6bdc922
commit e70478711a
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
2 changed files with 9 additions and 9 deletions

View File

@ -5,6 +5,7 @@
{% load bootstrap %} {% load bootstrap %}
{% load i18n %} {% load i18n %}
{% load plinth_extras %}
{% block breadcrumbs %} {% block breadcrumbs %}
{% endblock %} {% endblock %}
@ -15,7 +16,7 @@
<ol class='next-steps'> <ol class='next-steps'>
<li> <li>
<div class="app-icon fa fa-refresh"></div> {% icon 'refresh' class='svg-icon app-icon' %}
<div class="step-text"> <div class="step-text">
{% url 'upgrades:index' as upgrades_url %} {% url 'upgrades:index' as upgrades_url %}
{% blocktrans trimmed %} {% blocktrans trimmed %}
@ -33,7 +34,7 @@
</li> </li>
<li> <li>
<div class="app-icon fa fa-eye-slash"></div> {% icon 'eye-slash' class='svg-icon app-icon' %}
<div class="step-text"> <div class="step-text">
{% url 'privacy:index' as privacy_url %} {% url 'privacy:index' as privacy_url %}
{% blocktrans trimmed %} {% blocktrans trimmed %}
@ -43,7 +44,7 @@
</li> </li>
<li> <li>
<div class="app-icon fa fa-signal"></div> {% icon 'signal' class='svg-icon app-icon' %}
<div class="step-text"> <div class="step-text">
{% url 'networks:index' as networks_url %} {% url 'networks:index' as networks_url %}
{% blocktrans trimmed %} {% blocktrans trimmed %}
@ -54,7 +55,7 @@
</li> </li>
<li> <li>
<div class="app-icon fa fa-tags"></div> {% icon 'tags' class='svg-icon app-icon' %}
<div class="step-text"> <div class="step-text">
{% url 'names:index' as names_url %} {% url 'names:index' as names_url %}
{% blocktrans trimmed %} {% blocktrans trimmed %}
@ -64,7 +65,7 @@
</li> </li>
<li> <li>
<div class="app-icon fa fa-files-o"></div> {% icon 'files-o' class='svg-icon app-icon' %}
<div class="step-text"> <div class="step-text">
{% url 'backups:index' as backups_url %} {% url 'backups:index' as backups_url %}
{% blocktrans trimmed %} {% blocktrans trimmed %}
@ -75,7 +76,7 @@
</li> </li>
<li> <li>
<div class="app-icon fa fa-th"></div> {% icon 'th' class='svg-icon app-icon' %}
<div class="step-text"> <div class="step-text">
{% url 'apps' as apps_url %} {% url 'apps' as apps_url %}
{% blocktrans trimmed %} {% blocktrans trimmed %}

View File

@ -699,10 +699,9 @@ footer {
} }
.next-steps .app-icon { .next-steps .app-icon {
font-size: 3rem; margin: 0.375rem 1rem 0.375rem 0;
margin-right: 1rem;
width: 3rem; width: 3rem;
text-align: center; height: auto;
} }
.next-steps form { .next-steps form {