feat: improves theme navigation

surface/surfapp/templates/admin/base.html

@@ -13,23 +13,6 @@
         <div id="main" class="bg-white flex flex-col grow min-w-0 dark:bg-base-900 {% element_classes 'main' %}">
             {% include "unfold/helpers/header.html" %}
 
-            {% if not is_popup %}
-                {% spaceless %}
-                    {% block breadcrumbs %}
-                        <div class="px-4">
-                            <div class="container mb-12 mx-auto -my-3">
-                                <ul class="flex flex-wrap">
-                                    {% url 'admin:index' as link %}
-                                    {% trans 'Home' as name %}
-                                    {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
-                                    {% block custom_breadcrumbs %}{% endblock %}
-                                </ul>
-                            </div>
-                        </div>
-                    {% endblock %}
-                {% endspaceless %}
-            {% endif %}
-
             {% block messages %}
                 <div class="px-4">
                     <div class="{% if not cl.model_admin.list_fullwidth %}container{% endif %} mx-auto">

surface/surfapp/templates/admin/change_list.html

@@ -28,26 +28,6 @@
 
 {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} change-list{% endblock %}
 
-{% if not is_popup %}
-    {% block breadcrumbs %}
-        <div class="px-4">
-            <div class="{% if not cl.model_admin.list_fullwidth %}container{% endif %} mb-6 mx-auto -my-3 lg:mb-12">
-                <ul class="flex flex-wrap">
-                    {% url 'admin:index' as link %}
-                    {% trans 'Home' as name %}
-                    {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
-
-                    {% url 'admin:app_list' app_label=cl.opts.app_label as link %}
-                    {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=cl.opts.app_config.verbose_name %}
-
-                    {% url opts|admin_urlname:'changelist' as link %}
-                    {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=cl.opts.verbose_name_plural|capfirst no_separator=True %}
-                </ul>
-            </div>
-        </div>
-    {% endblock %}
-{% endif %}
-
 {% block coltype %}{% endblock %}
 
 {% block nav-global-side %}

surface/surfapp/templates/unfold/helpers/header_title.html

@@ -0,0 +1,25 @@
+{% load i18n admin_urls %}
+{% spaceless %}
+    {% url 'admin:index' as admin_index_url %}
+    {% if not request or request.path != admin_index_url %}
+        <a href="{{ admin_index_url }}" class="align-middle inline-block leading-5 tracking-tight">
+            {% translate "Home" %}
+        </a>
+
+        {% if parts %}
+            <span class="material-symbols-outlined inline-block align-middle leading-5 mx-2 text-base-400 dark:text-base-500">chevron_right</span>
+        {% endif %}
+    {% endif %}
+
+    {% if parts %}
+        {% for part in parts %}
+            <{% if part.link %}a href="{{ part.link }}"{% else %}span{% endif %} class="align-middle inline-block leading-5 tracking-tight">
+            {{ part.title|capfirst }}
+            </{% if part.link %}a{% else %}span{% endif %} >
+
+            {% if not forloop.last %}
+                <span class="material-symbols-outlined inline-block align-middle leading-5 mx-2 text-base-400 dark:text-base-500">chevron_right</span>
+            {% endif %}
+        {% endfor %}
+    {% endif %}
+{% endspaceless %}