django-unfold 0.42.0__py3-none-any.whl → 0.44.0__py3-none-any.whl

unfold/templates/admin/change_list.html

@@ -54,16 +54,32 @@
 {% endblock %}
 
 {% block content %}
-    <div id="content-main">
+    <div id="content-main" x-data="{ filterOpen: false }">
         {% if cl.formset and cl.formset.errors %}
             {% include "unfold/helpers/messages/errornote.html" with errors=cl.formset.errors %}
 
             {{ cl.formset.non_form_errors }}
         {% endif %}
 
-        <div class="flex -mx-4 module{% if cl.has_filters %} filtered{% endif %}" id="changelist">
-            <div class="changelist-form-container flex flex-row flex-grow gap-4 min-w-0 px-4" x-data="{ filterOpen: false }">
-                <div class="flex-grow min-w-0">
+        <div class="flex flex-col gap-4 mb-4 sm:flex-row">
+            {% block search %}
+                {% search_form cl %}
+            {% endblock %}
+
+            {% block filters %}
+                {% if cl.has_filters %}
+                    <a class="{% if cl.has_active_filters %}bg-primary-600 border-primary-600 text-white{% else %}bg-white border-base-200 dark:bg-base-900 dark:border-base-700{% endif %} border cursor-pointer flex font-medium group items-center px-3 py-2 rounded shadow-sm text-sm lg:ml-auto md:mt-0 {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = true" x-on:keydown.escape.window="filterOpen = false">
+                        {% trans "Filters" %}
+
+                        <span class="material-symbols-outlined md-18 ml-auto -mr-1 pl-4 {% if cl.has_active_filters %}text-white{% else %}text-base-400 group-hover:text-base-500 dark:group-hover:text-base-400 dark:text-base-500{% endif %}">filter_list</span>
+                    </a>
+                {% endif %}
+            {% endblock %}
+        </div>
+
+        <div class="flex -mx-4 module{% if cl.has_filters %} filtered{% endif %}" id="changelist" x-data="{ changeListWidth: 0 }">
+            <div class="changelist-form-container flex flex-row flex-grow gap-6 min-w-0 px-4">
+                <div class="flex-grow min-w-0 lg:pb-16" x-resize="changeListWidth = $width">
                     {% block date_hierarchy %}
                         {% if cl.date_hierarchy %}
                             {% date_hierarchy cl %}
@@ -74,37 +90,15 @@
                         {% include cl.model_admin.list_before_template %}
                     {% endif %}
 
-                    <form id="changelist-form" method="post"{% if cl.formset and cl.formset.is_multipart %} enctype="multipart/form-data"{% endif %} novalidate>
+                    <form id="changelist-form" class="group" method="post"{% if cl.formset and cl.formset.is_multipart %} enctype="multipart/form-data"{% endif %} novalidate>
                         {% csrf_token %}
 
                         {% if cl.formset %}
-                            <div>{{ cl.formset.management_form }}</div>
+                            {{ cl.formset.management_form }}
                         {% endif %}
 
                         {% block result_list %}
-                            {% if actions_on_top %}
-                                {% if cl.search_fields or action_form or cl.has_filters %}
-                                    <div class="bg-gray-50 flex flex-col gap-3 mb-4 p-3 rounded-md lg:flex-row dark:bg-gray-800">
-                                        {% block search %}
-                                            {% search_form cl %}
-                                        {% endblock %}
-
-                                        {% if action_form %}
-                                            {% admin_actions %}
-                                        {% endif %}
-
-                                        {% block filters %}
-                                            {% if cl.has_filters %}
-                                                <a class="{% if cl.has_active_filters %}bg-primary-600 border-primary-600 text-white{% else %}bg-white dark:bg-gray-900 dark:border-gray-700{% endif %} border cursor-pointer flex font-medium group items-center px-3 py-2 rounded-md shadow-sm text-sm lg:ml-auto md:mt-0 {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = true" x-on:keydown.escape.window="filterOpen = false">
-                                                    {% trans "Filters" %}
-
-                                                    <span class="material-symbols-outlined md-18 ml-auto -mr-1 pl-4 {% if cl.has_active_filters %}text-white{% else %}text-gray-400 group-hover:text-gray-500 dark:group-hover:text-gray-400 dark:text-gray-500{% endif %}">filter_list</span>
-                                                </a>
-                                            {% endif %}
-                                        {% endblock %}
-                                    </div>
-                                {% endif %}
-                            {% endif %}
+                            {% include "unfold/helpers/change_list_actions.html" %}
 
                             {% unfold_result_list cl %}
 
@@ -120,7 +114,7 @@
                 </div>
 
                 {% if cl.has_filters %}
-                    {% include "unfold/change_list_filter.html" %}
+                    {% include "unfold/helpers/change_list_filter.html" %}
                 {% endif %}
             </div>
         </div>

unfold/templates/admin/change_list_results.html

@@ -1,4 +1,4 @@
-{% load i18n %}
+{% load admin_urls i18n %}
 
 {% if result_hidden_fields %}
     <div class="hiddenfields">
@@ -7,8 +7,8 @@
 {% endif %}
 
 {% if results %}
-    <div class="overflow-x-auto lg:border lg:rounded-md lg:shadow-sm lg:dark:border-gray-800 {% if cl.model_admin.list_horizontal_scrollbar_top %}simplebar-horizontal-scrollbar-top{% endif %}" data-simplebar data-simplebar-auto-hide="false">
-        <table id="result_list" class="block border-gray-200 border-spacing-none border-separate w-full lg:table">
+    <div class="-mx-1 px-1 overflow-x-auto lg:border lg:border-base-200 lg:mx-0 lg:px-0 lg:rounded lg:shadow-sm lg:dark:border-base-800 {% if cl.model_admin.list_horizontal_scrollbar_top %}simplebar-horizontal-scrollbar-top{% endif %}" data-simplebar data-simplebar-auto-hide="false">
+        <table id="result_list" class="block border-base-200 border-spacing-none border-separate w-full lg:table">
             <thead>
                 <tr>
                     {% for header in result_headers %}
@@ -39,7 +39,7 @@
                                 {% if header.sortable %}
                                     {% if header.sort_priority > 0 %}
                                         <div class="sortoptions flex items-center ml-2">
-                                            <a href="{{ header.url_toggle }}" class="flex items-center leading-none text-gray-400 hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 toggle {% if header.ascending %}ascending{% else %}descending{% endif %}" title="{% translate "Toggle sorting" %}">
+                                            <a href="{{ header.url_toggle }}" class="flex items-center leading-none text-base-400 hover:text-base-500 dark:text-base-500 dark:hover:text-base-400 toggle {% if header.ascending %}ascending{% else %}descending{% endif %}" title="{% translate "Toggle sorting" %}">
                                                 {% if header.ascending %}
                                                     <span class="block material-symbols-outlined">arrow_circle_down</span>
                                                 {% else %}
@@ -47,7 +47,7 @@
                                                 {% endif %}
                                             </a>
 
-                                            <a class="sortremove flex items-center leading-none ml-1 text-gray-400 dark:text-gray-500 transition-all hover:text-red-700 dark:hover:text-red-500" href="{{ header.url_remove }}" title="{% translate "Remove from sorting" %}">
+                                            <a class="sortremove flex items-center leading-none ml-1 text-base-400 dark:text-base-500 transition-all hover:text-red-700 dark:hover:text-red-500" href="{{ header.url_remove }}" title="{% translate "Remove from sorting" %}">
                                                 <span class="block material-symbols-outlined">cancel</span>
                                             </a>
                                         </div>
@@ -75,7 +75,7 @@
                         </tr>
                     {% endif %}
 
-                    <tr class="{% cycle '' 'bg-gray-50 dark:bg-white/[.02]' %} block border mb-3 rounded-md shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-gray-800">
+                    <tr class="{% cycle '' 'bg-base-50 dark:bg-white/[.02]' %} block border mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
                         {% for item in result %}
                             {{ item }}
                         {% endfor %}
@@ -85,4 +85,38 @@
             </tbody>
         </table>
     </div>
+{% else %}
+    {% url cl.opts|admin_urlname:"add" as add_url %}
+    {% blocktranslate with name=cl.opts.verbose_name asvar title %}Add {{ name }}{% endblocktranslate %}
+
+    <div class="border border-base-200 flex flex-col items-center px-8 py-24 rounded shadow-sm dark:border-base-800">
+        <div class="bg-base-100 flex h-24 items-center justify-center mb-8 rounded-full w-24 dark:bg-base-800">
+            <span class="material-symbols-outlined text-base-500 !text-5xl dark:text-base-400">inbox</span>
+        </div>
+
+        <h2 class="font-semibold mb-1 text-xl text-font-important-light dark:text-font-important-dark">
+            {% trans "No results found" %}
+        </h2>
+
+        <p class="mb-6 text-center">
+            {% trans "This page yielded into no results. Create a new item or reset your filters." %}
+        </p>
+
+        {% if has_add_permission or cl.has_filters %}
+            <div class="flex flex-col gap-4 justify-center w-full lg:flex-row">
+                {% if has_add_permission %}
+                    <a href="{% add_preserved_filters add_url is_popup to_field %}" class="bg-primary-600 flex flex-row font-medium gap-2 items-center h-9.5 justify-center px-3 py-2 rounded text-white w-full lg:w-auto">
+                        <span class="material-symbols-outlined text-white">add</span> {{ title }}
+                    </a>
+                {% endif %}
+
+
+                {% if cl.has_filters %}
+                    <a href="{{ cl.clear_all_filters_qs }}" class="border border-base-200 flex flex-row font-medium gap-2 group/button h-9.5 items-center justify-center px-3 py-2 rounded transition-all w-full hover:text-primary-600 lg:w-auto dark:border-base-700 dark:hover:bg-base-900 dark:hover:text-primary-500">
+                        <span class="material-symbols-outlined group-hover/button:text-primary-600 dark:group-hover/button:text-base-500 text-base-400 dark:text-base-500">filter_list_off</span> {% trans "Reset filters" %}
+                    </a>
+                {% endif %}
+            </div>
+        {% endif %}
+    </div>
 {% endif %}

unfold/templates/admin/date_hierarchy.html

@@ -6,7 +6,7 @@
                     {% if back %}
                         <li class="date-back px-2">
                             <a href="{{ back.link }}" class="flex group items-center hover:text-primary-600 dark:hover:text-primary-500">
-                                <span class="material-symbols-outlined md-16 mr-2 text-gray-400 group-hover:text-primary-600 dark:group-hover:text-primary-500">arrow_back</span> {{ back.title }}
+                                <span class="material-symbols-outlined md-16 mr-2 text-base-400 group-hover:text-primary-600 dark:group-hover:text-primary-500">arrow_back</span> {{ back.title }}
                             </a>
                         </li>
                     {% endif %}

unfold/templates/admin/delete_confirmation.html

@@ -32,12 +32,12 @@
 
 {% block content %}
     {% if perms_lacking %}
-        <div class="border border-gray-200 rounded-md shadow-sm dark:border-gray-800">
+        <div class="border border-base-200 rounded shadow-sm dark:border-base-800">
             <p class="font-semibold p-4 text-font-important-light dark:text-font-important-dark">
                 {% blocktranslate with escaped_object=object %}Deleting the {{ object_name }} '{{ escaped_object }}' would result in deleting related objects, but your account doesn't have permission to delete the following types of objects:{% endblocktranslate %}
             </p>
 
-            <div class="border-gray-200 border-t p-4 dark:border-gray-800">
+            <div class="border-base-200 border-t p-4 dark:border-base-800">
                 <ul class="leading-relaxed">
                     {% for obj in perms_lacking %}
                         <li>
@@ -48,12 +48,12 @@
             </div>
         </div>
     {% elif protected %}
-        <div class="border border-gray-200 rounded-md shadow-sm dark:border-gray-800">
+        <div class="border border-base-200 rounded shadow-sm dark:border-base-800">
             <p class="font-semibold p-4 text-font-important-light dark:text-font-important-dark">
                 {% blocktranslate with escaped_object=object %}Deleting the {{ object_name }} '{{ escaped_object }}' would require deleting the following protected related objects:{% endblocktranslate %}
             </p>
 
-            <div class="border-t border-gray-200  order-t p-4 dark:border-gray-800">
+            <div class="border-t border-base-200  order-t p-4 dark:border-base-800">
                 <ul class="leading-relaxed">
                     {% for obj in protected %}
                         <li>
@@ -64,14 +64,14 @@
             </div>
         </div>
     {% else %}
-        <div class="border border-gray-200 rounded-md shadow-sm dark:border-gray-800">
+        <div class="border border-base-200 rounded shadow-sm dark:border-base-800">
             <p class="font-semibold p-4 text-font-important-light dark:text-font-important-dark">
                 {% blocktranslate with escaped_object=object %}Are you sure you want to delete the {{ object_name }} "{{ escaped_object }}"? All of the following related items will be deleted:{% endblocktranslate %}
             </p>
 
             {% include "admin/includes/object_delete_summary.html" %}
 
-            <div class="border-gray-200 border-t p-4 dark:border-gray-800">
+            <div class="border-base-200 border-t p-4 dark:border-base-800">
                 <h2 class="font-semibold mb-2 text-font-important-light dark:text-font-important-dark">
                     {% translate "Objects" %}
                 </h2>
@@ -81,7 +81,7 @@
                 </ul>
             </div>
 
-            <form method="post" class="border-gray-200 border-t px-4 py-3 dark:border-gray-800">
+            <form method="post" class="border-base-200 border-t px-4 py-3 dark:border-base-800">
                 {% csrf_token %}
 
                 <div class="flex items-center">

unfold/templates/admin/delete_selected_confirmation.html

@@ -37,20 +37,20 @@
             {% blocktranslate %}Deleting the selected {{ objects_name }} would result in deleting related objects, but your account doesn't have permission to delete the following types of objects:{% endblocktranslate %}
         </p>
 
-        <div class="border-t border-gray-200 p-4 dark:border-gray-800">
-            <ul class="leading-relaxed dark:border-gray-800">
+        <div class="border-t border-base-200 p-4 dark:border-base-800">
+            <ul class="leading-relaxed dark:border-base-800">
                 {% for obj in perms_lacking %}
                     <li>{{ obj }}</li>
                 {% endfor %}
             </ul>
         </div>
     {% elif protected %}
-        <div class="border border-gray-200 rounded-md shadow-sm dark:border-gray-800">
+        <div class="border border-base-200 rounded shadow-sm dark:border-base-800">
             <p class="font-semibold p-4 text-font-important-light dark:text-font-important-dark">
                 {% blocktranslate %}Deleting the selected {{ objects_name }} would require deleting the following protected related objects:{% endblocktranslate %}
             </p>
 
-            <div class="border-t border-gray-200 p-4 dark:border-gray-800">
+            <div class="border-t border-base-200 p-4 dark:border-base-800">
                 <ul class="leading-relaxed">
                     {% for obj in protected %}
                         <li>{{ obj }}</li>
@@ -59,14 +59,14 @@
             </div>
         </div>
     {% else %}
-        <div class="border border-gray-200 rounded-md shadow-sm dark:border-gray-800">
+        <div class="border border-base-200 rounded shadow-sm dark:border-base-800">
             <p class="font-semibold p-4 text-font-important-light dark:text-font-important-dark">
                 {% blocktranslate %}Are you sure you want to delete the selected {{ objects_name }}? All of the following objects and their related items will be deleted:{% endblocktranslate %}
             </p>
 
             {% include "admin/includes/object_delete_summary.html" %}
 
-            <div class="border-t border-gray-200 p-4 dark:border-gray-800">
+            <div class="border-t border-base-200 p-4 dark:border-base-800">
                 <h2 class="font-semibold mb-2 text-font-important-light dark:text-font-important-dark">
                     {% translate "Objects" %}
                 </h2>
@@ -78,7 +78,7 @@
                 {% endfor %}
             </div>
 
-            <form method="post" class="border-t border-gray-200 px-4 py-3 dark:border-gray-800">
+            <form method="post" class="border-t border-base-200 px-4 py-3 dark:border-base-800">
                 {% csrf_token %}
 
                 <div class="flex items-center">

unfold/templates/admin/edit_inline/stacked.html

@@ -4,7 +4,7 @@
     <fieldset class="module relative {{ inline_admin_formset.classes }}" aria-labelledby="{{ inline_admin_formset.formset.prefix }}-heading">
         {% if inline_admin_formset.is_collapsible %}<details><summary>{% endif %}
 
-        <h2 id="{{ inline_admin_formset.formset.prefix }}-heading" class="inline-heading bg-gray-100 border border-transparent font-semibold mb-6 px-4 py-3 rounded-md text-font-important-light text-sm lg:-mx-4 dark:bg-white/[.02] dark:border dark:border-gray-800 dark:text-font-important-dark {% if inline_admin_formset.opts.tab %}hidden{% endif %} {% if inline_admin_formset.is_collapsible %} cursor-pointer{% endif %}">
+        <h2 id="{{ inline_admin_formset.formset.prefix }}-heading" class="inline-heading bg-base-100 font-semibold mb-6 px-4 py-3 rounded text-font-important-light lg:-mx-4 dark:bg-white/[.02] dark:text-font-important-dark {% if inline_admin_formset.opts.tab %}hidden{% endif %} {% if inline_admin_formset.is_collapsible %} cursor-pointer{% endif %}">
             {% if inline_admin_formset.formset.max_num == 1 %}
                 {{ inline_admin_formset.opts.verbose_name|capfirst }}
             {% else %}
@@ -17,7 +17,7 @@
         {{ inline_admin_formset.formset.management_form }}
         {% include "unfold/helpers/messages/error.html" with errors=inline_admin_formset.formset.non_form_errors %}
 
-        <div class="border border-gray-200 mb-6 overflow-hidden rounded-md shadow-sm w-full dark:border-gray-800 *:border-t first:*:border-t-0 *:border-gray-200 dark:*:border-gray-800"
+        <div class="border border-base-200 mb-6 overflow-hidden rounded shadow-sm w-full dark:border-base-800 *:border-t first:*:border-t-0 *:border-base-200 dark:*:border-base-800"
              {% if inline_admin_formset.opts.ordering_field %}
                  data-ordering-field="{{ inline_admin_formset.opts.ordering_field }}" x-on:end="sortRecords" x-sort.ghost
              {% endif %}>
@@ -25,7 +25,7 @@
             {% for inline_admin_form in inline_admin_formset %}
                 <div x-sort:item class="inline-related group inline-stacked {% if inline_admin_form.original or inline_admin_form.show_url %} has_original{% endif %}{% if forloop.last and inline_admin_formset.has_add_permission %} empty-form last-related{% endif %}" id="{{ inline_admin_formset.formset.prefix }}-{% if not forloop.last %}{{ forloop.counter0 }}{% else %}empty{% endif %}">
                     {% if not inline_admin_formset.opts.hide_title or inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission %}
-                        <h3 class="bg-gray-50 border-b border-gray-200 flex font-medium items-center gap-2 mb-3 px-3 py-2 text-sm dark:bg-white/[.02] dark:border-gray-800">
+                        <h3 class="bg-base-50 border-b border-base-200 flex font-medium items-center gap-2 px-3 py-2 text-sm dark:bg-white/[.02] dark:border-base-800">
                             {% if inline_admin_formset.opts.ordering_field %}
                                 {% if inline_admin_form.original %}
                                     <span class="material-symbols-outlined cursor-pointer" x-sort:handle>drag_indicator</span>
@@ -83,7 +83,7 @@
                     {% include "unfold/helpers/messages/error.html" with errors=inline_admin_form.form.non_field_errors %}
 
                     {% for fieldset in inline_admin_form %}
-                        <div class="px-3 -mb-5 {% if inline_admin_formset.opts.hide_title %}{% if not inline_admin_formset.formset.can_delete or not inline_admin_formset.has_delete_permission  %}pt-3{% endif %}{% endif %}">
+                        <div class="{% if inline_admin_formset.opts.hide_title %}{% if not inline_admin_formset.formset.can_delete or not inline_admin_formset.has_delete_permission  %}pt-3{% endif %}{% endif %}">
                             {% include 'admin/includes/fieldset.html' with stacked=1 %}
                         </div>
                     {% endfor %}

unfold/templates/admin/edit_inline/tabular.html

@@ -7,7 +7,7 @@
         <fieldset class="module relative {{ inline_admin_formset.classes }} min-w-0" aria-labelledby="{{ inline_admin_formset.formset.prefix }}-heading">
             {% if inline_admin_formset.is_collapsible %}<details><summary>{% endif %}
 
-            <h2 id="{{ inline_admin_formset.formset.prefix }}-heading" class="bg-gray-100 border border-transparent font-semibold mb-6 px-4 py-3 rounded-md text-font-important-light text-sm lg:-mx-4 dark:bg-white/[.02] dark:border dark:border-gray-800 dark:text-font-important-dark {% if inline_admin_formset.opts.tab %}hidden{% endif %} {% if inline_admin_formset.is_collapsible %} cursor-pointer{% endif %}">
+            <h2 id="{{ inline_admin_formset.formset.prefix }}-heading" class="bg-base-100 border border-transparent font-semibold mb-6 px-4 py-3 rounded text-font-important-light text-sm lg:-mx-4 dark:bg-white/[.02]  dark:text-font-important-dark {% if inline_admin_formset.opts.tab %}hidden{% endif %} {% if inline_admin_formset.is_collapsible %} cursor-pointer{% endif %}">
                 {% if inline_admin_formset.formset.max_num == 1 %}
                     {{ inline_admin_formset.opts.verbose_name|capfirst }}
                 {% else %}
@@ -19,160 +19,17 @@
 
             {{ inline_admin_formset.formset.non_form_errors }}
 
-            <div class="border border-gray-200 mb-6 overflow-x-auto rounded-md shadow-sm dark:border-gray-800" data-simplebar data-simplebar-auto-hide="false">
-                <table class="border-spacing-none border-separate w-full"
-                       {% if inline_admin_formset.opts.ordering_field %}
-                           data-ordering-field="{{ inline_admin_formset.opts.ordering_field }}"
-                           x-on:end="sortRecords"
-                           x-sort.ghost
-                       {% endif %}>
-                    <thead class="hidden lg:table-header-group">
-                        <tr>
-                            {% for field in inline_admin_formset.fields %}
-                                {% if not field.widget.is_hidden %}
-                                    <th class="column-{{ field.name }}{% if field.required %} required{% endif %} align-middle border-b border-gray-200 font-semibold px-3 py-2 text-left text-font-important-light text-sm whitespace-nowrap dark:text-font-important-dark dark:border-gray-800 {% if inline_admin_formset.opts.ordering_field and field.name == inline_admin_formset.opts.ordering_field and inline_admin_formset.opts.hide_ordering_field %}hidden{% endif %}">
-                                        <span class="flex flex-row items-center">
-                                            {{ field.label|capfirst }}
-
-                                            {% if field.help_text %}
-                                                <span class="cursor-pointer material-symbols-outlined ml-2 text-gray-400 dark:text-gray-500" title="{{ field.help_text|striptags }}">help</span>
-                                            {% endif %}
-                                        </span>
-                                    </th>
-                                {% endif %}
-                            {% endfor %}
-
-                            {% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission %}
-                                <th class="align-middle border-b border-gray-200 font-semibold px-3 py-2 text-left text-font-important-light text-sm whitespace-nowrap lg:w-px dark:border-gray-800 dark:text-font-important-dark">
-                                    {% translate "Delete?" %}
-                                </th>
-                            {% endif %}
-                        </tr>
-                    </thead>
+            <div class="border border-base-200 mb-6 overflow-x-auto rounded shadow-sm dark:border-base-800" data-simplebar data-simplebar-auto-hide="false">
+                <table class="tabular-table w-full" {% if inline_admin_formset.opts.ordering_field %}data-ordering-field="{{ inline_admin_formset.opts.ordering_field }}" x-on:end="sortRecords" x-sort.ghost{% endif %}>
+                    {% include "unfold/helpers/edit_inline/tabular_heading.html" %}
 
                     {% for inline_admin_form in inline_admin_formset %}
-                        <tbody x-sort:item>
-                            {% if inline_admin_form.form.non_field_errors %}
-                                <tr class="row-form-errors group inline-tabular">
-                                    <td colspan="{{ inline_admin_form|cell_count }}">
-                                        {% include "unfold/helpers/messages/error.html" with errors=inline_admin_form.form.non_field_errors %}
-                                    </td>
-                                </tr>
-                            {% endif %}
-
-                            {% if inline_admin_form.original or inline_admin_form.show_url %}
-                                <tr>
-                                    <td class="original" colspan="{{ inline_admin_form|cell_count }}">
-                                        {% if not inline_admin_formset.opts.hide_title %}
-                                            {% if inline_admin_form.original or inline_admin_form.show_url %}
-                                                <p class="flex font-medium items-center px-3 pt-2 text-xs">
-                                                    {% if inline_admin_form.original %}
-                                                        <span>
-                                                            {% with inline_title=inline_admin_form.original.get_inline_title %}
-                                                                {% if inline_title %}
-                                                                    {{ inline_title }}
-                                                                {% else %}
-                                                                    {{ inline_admin_form.original }}
-                                                                {% endif %}
-                                                            {% endwith %}
-                                                        </span>
-
-                                                        {% if inline_admin_form.model_admin.show_change_link and inline_admin_form.model_admin.has_registered_model %}
-                                                            <a href="{% url inline_admin_form.model_admin.opts|admin_urlname:'change' inline_admin_form.original.pk|admin_urlquote %}" class="{{ inline_admin_formset.has_change_permission|yesno:'inlinechangelink,inlineviewlink' }} ml-2 text-primary-600 dark:text-primary-500">
-                                                                {% if inline_admin_formset.has_change_permission %}
-                                                                    {% translate "Change" %}
-                                                                {% else %}
-                                                                    {% translate "View" %}
-                                                                {% endif %}
-                                                            </a>
-                                                        {% endif %}
-                                                    {% endif %}
-
-                                                    {% if inline_admin_form.show_url %}
-                                                        <a href="{{ inline_admin_form.absolute_url }}" class="font-medium ml-2 text-primary-600 dark:text-primary-500">
-                                                            {% translate "View on site" %}
-                                                        </a>
-                                                    {% endif %}
-                                                </p>
-                                            {% endif %}
-                                        {% endif %}
-
-                                        {% if inline_admin_form.needs_explicit_pk_field %}
-                                            {{ inline_admin_form.pk_field.field }}
-                                        {% endif %}
-
-                                        {% if inline_admin_form.fk_field %}
-                                            {{ inline_admin_form.fk_field.field }}
-                                        {% endif %}
-                                    </td>
-                                </tr>
-                            {% endif %}
-
-                            <tr class="lg:border-b-0 form-row {% if inline_admin_form.original or inline_admin_form.show_url %}has_original{% endif %}{% if forloop.last and inline_admin_formset.has_add_permission %} empty-form{% endif %}" id="{{ inline_admin_formset.formset.prefix }}-{% if not forloop.last %}{{ forloop.counter0 }}{% else %}empty{% endif %}">
-                                {% spaceless %}
-                                    {% for fieldset in inline_admin_form %}
-                                        {% for line in fieldset %}
-                                            {% for field in line %}
-                                                {% if not field.is_readonly and field.field.is_hidden %}
-                                                    {{ field.field }}
-                                                {% endif %}
-                                            {% endfor %}
-                                        {% endfor %}
-                                    {% endfor %}
-                                {% endspaceless %}
-
-                                {% with is_last_row=forloop.last %}
-                                    {% for fieldset in inline_admin_form %}
-                                        {% for line in fieldset %}
-                                            {% with is_last_col=forloop.last %}
-                                                {% for field in line %}
-                                                    {% if field.is_readonly or not field.field.is_hidden %}
-                                                        <td{% if field.field.name %} class="field-{{ field.field.name }} group field-tabular {% if field.field.errors|length > 0 %} errors{% endif %}{% if inline_admin_form.original %} p-3 lg:py-3{% else %} py-3{% endif %}{% if field.is_checkbox %} align-middle{% else %} align-top{% endif %} {% if is_last_row and not inline_admin_formset.has_add_permission %}{% if is_last_col %}border-0 {% else %}border-b lg:border-0{% endif %}{% else %}border-b{% endif %} border-gray-200 flex items-center before:capitalize before:content-[attr(data-label)] before:mr-auto before:text-gray-500 before:pr-4 lg:before:hidden font-normal px-3 text-left text-sm lg:table-cell dark:border-gray-800 {% if field.field.is_hidden %} !hidden{% endif %} {% if inline_admin_formset.opts.ordering_field and field.field.name == inline_admin_formset.opts.ordering_field and inline_admin_formset.opts.hide_ordering_field %}!hidden{% endif %}"{% endif %} data-label="{{ field.field.label }}">
-                                                            <div class="flex flex-row gap-3 items-center">
-                                                                {% if forloop.parentloop.counter == 1 and forloop.counter == 1 %}
-                                                                    {% if inline_admin_formset.opts.ordering_field %}
-                                                                        {% if inline_admin_form.original %}
-                                                                            <span class="material-symbols-outlined cursor-pointer" x-sort:handle>drag_indicator</span>
-                                                                        {% else %}
-                                                                            <span class="-mr-3" x-sort:handle></span>
-                                                                        {% endif %}
-                                                                    {% endif %}
-                                                                {% endif %}
-
-                                                                {% if field.is_readonly %}
-                                                                    {% include "unfold/helpers/field_readonly_value.html" with tabular=1 %}
-                                                                {% else %}
-                                                                    {{ field.field }}
+                        <tbody class="{% if inline_admin_form.original or inline_admin_form.show_url %}has_original {% else %}template{% endif %}" x-sort:item>
+                            {% include "unfold/helpers/edit_inline/tabular_error.html" %}
 
-                                                                    {% if field.field.errors|length > 0 %}
-                                                                        <div class="mt-1 text-red-600 text-sm dark:text-red-500">
-                                                                            {% for error in field.field.errors %}
-                                                                                {{ error }}
-                                                                            {% endfor %}
-                                                                        </div>
-                                                                    {% endif %}
-                                                                {% endif %}
-                                                            </div>
-                                                        </td>
-                                                    {% endif %}
-                                                {% endfor %}
-                                            {% endwith %}
-                                        {% endfor %}
-                                    {% endfor %}
+                            {% include "unfold/helpers/edit_inline/tabular_title.html" %}
 
-                                    {% if inline_admin_formset.formset.can_delete and inline_admin_formset.has_delete_permission %}
-                                        <td class="delete {% if inline_admin_form.original %}p-3 lg:py-3{% else %}py-3{% endif %} text-left text-red-600 border-b border-gray-200 flex items-center before:capitalize before:content-[attr(data-label)] before:mr-auto before:text-gray-500 before:pr-4 lg:before:hidden font-normal px-3 text-sm lg:align-top lg:table-cell lg:w-px dark:border-gray-800" data-label="{% trans "Remove" %}">
-                                            {% if inline_admin_form.original %}
-                                                <div class="flex flex-row lg:mt-3">
-                                                    <div class="ml-auto">
-                                                        {{ inline_admin_form.deletion_field.field|add_css_class:form_classes.checkbox }}
-                                                    </div>
-                                                </div>
-                                            {% endif %}
-                                        </td>
-                                    {% endif %}
-                                {% endwith %}
-                            </tr>
+                            {% include "unfold/helpers/edit_inline/tabular_row.html" %}
                         </tbody>
                     {% endfor %}
                 </table>

unfold/templates/admin/filter.html

@@ -1,6 +1,6 @@
 {% load i18n unfold %}
 
-<div class="mb-6">
+<div>
     <h3 class="font-semibold mb-2 text-font-important-light dark:text-font-important-dark">
         {% blocktranslate with filter_title=title %} By {{ filter_title }} {% endblocktranslate %}
     </h3>
@@ -12,20 +12,20 @@
     {% endfor %}
 
     {% if spec|class_name == "BooleanFieldListFilter" %}
-        <ul class="border-l-4 border-gray-200 flex pl-4 py-2  dark:border-gray-700">
+        <ul class="flex border min-w-20 rounded shadow-sm text-font-default-light dark:border-base-700 dark:text-font-default-dark w-full">
             {% for choice in choices %}
-                <li class="{% if choice.selected %}font-medium text-primary-600 dark:text-primary-500 dark{% else %}hover:text-gray-700 dark:hover:text-gray-200{% endif %} pr-4">
-                    <a href="{{ choice.query_string|iriencode }}" title="{{ choice.display }}">
+                <li class="basis-1/3 border-r border-base-200 flex-grow truncate last:border-r-0 dark:border-base-700 {% if choice.selected %}font-semibold text-primary-600 dark:text-primary-500 {% else %}hover:text-base-700 dark:hover:text-base-200{% endif %}">
+                    <a href="{{ choice.query_string|iriencode }}" title="{{ choice.display }}" class="block px-3 py-2 text-center hover:text-primary-600 dark:hover:text-primary-500">
                         {{ choice.display }}
                     </a>
                 </li>
             {% endfor %}
         </ul>
     {% else %}
-        <ul class="border-l-4 border-gray-200 flex flex-col pl-4 py-4 dark:border-gray-700">
+        <ul class="border flex flex-col rounded shadow-sm dark:border-base-700">
             {% for choice in choices %}
-                <li class="mb-4 last:mb-0 {% if choice.selected %}font-medium text-primary-600 dark:text-primary-500 {% else %}hover:text-gray-700 dark:hover:text-gray-200{% endif %}">
-                    <a href="{{ choice.query_string|iriencode }}" title="{{ choice.display }}">
+                <li class="border-b border-base-200 last:border-b-0 dark:border-base-700 {% if choice.selected %}font-semibold text-primary-600 dark:text-primary-500 {% else %}hover:text-base-700 dark:hover:text-base-200{% endif %}">
+                    <a href="{{ choice.query_string|iriencode }}" title="{{ choice.display }}" class="block px-3 py-2 hover:text-primary-600 dark:hover:text-primary-500">
                         {{ choice.display }}
                     </a>
                 </li>

unfold/templates/admin/includes/fieldset.html

@@ -2,7 +2,7 @@
 
 <fieldset class="module{% if fieldset.classes %} {{ fieldset.classes }}{% endif %}" {% if stacked != 1 %}x-show="activeTab == 'general'"{% endif %}>
     {% if fieldset.name and "tab" not in fieldset.classes %}
-        <h2 class="bg-gray-100 border border-transparent font-semibold mb-6 px-4 py-3 rounded-md text-font-important-light text-sm lg:-mx-4 dark:bg-white/[.02] dark:border dark:border-gray-800 dark:text-font-important-dark">
+        <h2 class="bg-base-100 font-semibold mb-6 px-4 py-3 rounded text-font-important-light text-sm lg:-mx-4 dark:bg-white/[.02] dark:text-font-important-dark">
             {{ fieldset.name }}
         </h2>
     {% endif %}
@@ -13,7 +13,7 @@
         </div>
     {% endif %}
 
-    <div class="aligned {% if stacked %}mb-5{% else %}border border-gray-200 mb-8 rounded-md pt-3 px-3 shadow-sm dark:border-gray-800{% endif %}">
+    <div class="{% fieldset_rows_classes %}">
         {% for line in fieldset %}
             {% include "unfold/helpers/fieldset_row.html" %}
         {% endfor %}

unfold/templates/admin/includes/object_delete_summary.html

@@ -1,6 +1,6 @@
 {% load i18n %}
 
-<div class="border-gray-200 border-t p-4 dark:border-gray-800">
+<div class="border-base-200 border-t p-4 dark:border-base-800">
     <h2 class="font-semibold mb-2 text-font-important-light dark:text-font-important-dark">
         {% translate "Summary" %}
     </h2>

unfold/templates/admin/login.html

@@ -7,7 +7,7 @@
     {{ form.media }}
 {% endblock %}
 
-{% block bodyclass %}{{ block.super }}bg-gray-50 login dark:bg-gray-900{% endblock %}
+{% block bodyclass %}{{ block.super }}bg-base-50 login dark:bg-base-900{% endblock %}
 
 {% block usertools %}{% endblock %}
 
@@ -24,7 +24,7 @@
 {% endblock %}
 
 {% block base %}
-    <div class="flex min-h-screen">
+    <div id="page" class="flex min-h-screen">
         <div class="flex flex-grow items-center justify-center mx-auto px-4 relative">
             <div class="w-full sm:w-96">
                 <h1 class="font-semibold mb-10">
@@ -59,7 +59,7 @@
                     {% url 'admin_password_reset' as password_reset_url %}
 
                     <div class="submit-row">
-                        <button type="submit" class="bg-primary-600 border border-transparent flex flex-row font-semibold group items-center justify-center py-2 rounded-md text-sm text-white w-full">
+                        <button type="submit" class="bg-primary-600 border border-transparent flex flex-row font-semibold group items-center justify-center py-2 rounded text-sm text-white w-full">
                             {% translate 'Log in' %}
 
                             <i class="material-symbols-outlined ml-2 relative right-0 text-lg transition-all group-hover:-right-1">arrow_forward</i>
@@ -68,7 +68,7 @@
 
                     {% if password_reset_url %}
                         <div class="password-reset-link">
-                            <a href="{{ password_reset_url }}" class="border font-medium hidden mt-4 px-3 py-2 rounded-md text-center text-sm text-gray-500 transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700 dark:text-font-default-dark dark:hover:text-gray-200 dark:hover:bg-gray-900">
+                            <a href="{{ password_reset_url }}" class="border border-base-200 font-medium hidden mt-4 px-3 py-2 rounded text-center text-sm text-base-500 transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700 dark:text-font-default-dark dark:hover:text-base-200 dark:hover:bg-base-900">
                                 {% translate 'Forgotten your password or username?' %}
                             </a>
                         </div>