django-unfold 0.55.3__py3-none-any.whl → 1.0.0__py3-none-any.whl

unfold/templates/admin/change_list.html

@@ -24,7 +24,7 @@
 
 {% if not is_popup %}
     {% block breadcrumbs %}
-        <div class="px-4 lg:px-8">
+        <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 %}
@@ -62,8 +62,8 @@
         {% endif %}
 
         <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">
+            <div class="changelist-form-container flex flex-row grow gap-6 min-w-0 px-4">
+                <div class="grow min-w-0" x-resize="changeListWidth = $width">
                     {% block date_hierarchy %}
                         {% if cl.date_hierarchy %}
                             {% date_hierarchy cl %}
@@ -75,14 +75,14 @@
                     {% endif %}
 
                     {% spaceless %}
-                        <div class="flex flex-col gap-4 mb-4  sm:flex-row empty:hidden lg:border lg:border-base-200 lg:dark:border-base-800 lg:-mb-8 lg:p-3 lg:pb-11 lg:rounded-t">
+                        <div class="flex flex-col gap-4 mb-4  sm:flex-row empty:hidden lg:border lg:border-base-200 lg:dark:border-base-800 lg:-mb-8 lg:p-3 lg:pb-11 lg:rounded-t-default">
                             {% 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 hover:text-primary-600 dark:bg-base-900 dark:border-base-700 dark:hover:text-primary-500{% endif %} border cursor-pointer flex font-medium gap-2 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">
+                                    <a class="{% if cl.has_active_filters %}bg-primary-600 border-primary-600 text-white{% else %}bg-white border-base-200 hover:text-primary-600 dark:bg-base-900 dark:border-base-700 dark:hover:text-primary-500{% endif %} border cursor-pointer flex font-medium gap-2 group items-center px-3 py-2 rounded-default shadow-xs 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">filter_list</span>
@@ -103,10 +103,6 @@
                             {% include "unfold/helpers/change_list_actions.html" %}
 
                             {% unfold_result_list cl %}
-
-                            {% block pagination %}
-                                {% pagination cl %}
-                            {% endblock %}
                         {% endblock %}
                     </form>
 
@@ -122,3 +118,9 @@
         </div>
     </div>
 {% endblock %}
+
+{% block footer %}
+    {% block pagination %}
+        {% include "unfold/helpers/pagination.html" %}
+    {% endblock %}
+{% endblock %}

unfold/templates/admin/change_list_results.html

@@ -7,7 +7,7 @@
 {% endif %}
 
 {% if results %}
-    <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 lg:bg-white lg:dark:bg-base-900 {% if cl.model_admin.list_horizontal_scrollbar_top %}simplebar-horizontal-scrollbar-top{% endif %}" data-simplebar data-simplebar-auto-hide="false">
+    <div class="{% if cl.search_fields or cl.has_filters %}lg:rounded-b-default{% else %}lg:rounded-default{% endif %} -mx-1 px-1 overflow-x-auto lg:border lg:border-base-200 lg:mx-0 lg:px-0 lg:shadow-xs lg:dark:border-base-800 lg:bg-white lg:dark:bg-base-900 {% 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>
@@ -79,13 +79,13 @@
                         </tr>
                     {% endif %}
 
-                    <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">
+                    <tr class="{% cycle '' 'bg-base-50 dark:bg-white/[.02]' %} block border border-base-200 mb-3 rounded-default shadow-xs lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
                         {% if cl.model_admin.list_sections|length > 0 %}
                             <td class="align-middle cursor-pointer flex border-b border-base-200 font-normal px-2.5 py-2 relative text-left before:font-semibold before:text-font-important-light before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:border-b-0 lg:border-t lg:pl-3 lg:pr-0 lg:py-3 lg:table-cell dark:border-base-800 dark:lg:border-base-800 dark:before:text-font-important-dark lg:w-px"
                                 data-label="{% trans "Expand row" %}"
                                 x-on:click="rowOpen = !rowOpen">
                                 <div class="absolute bg-primary-600 -bottom-px hidden left-0 top-0 w-0.5 z-10 lg:block" x-show="rowOpen"></div>
-                                <span class="material-symbols-outlined select-none !block -rotate-90 transition-all" x-bind:class="rowOpen && 'rotate-0'">
+                                <span class="material-symbols-outlined select-none block! -rotate-90 transition-all" x-bind:class="rowOpen && 'rotate-0'">
                                     expand_more
                                 </span>
                             </td>
@@ -100,7 +100,7 @@
 
                     {% if cl.model_admin.list_sections|length > 0 %}
                         <tr class="block mb-3 lg:table-row" x-show="rowOpen">
-                            <td colspan="{{ result|length|add:2 }}" class="border bg-base-200/10 block border-base-200 relative rounded p-3 lg:shadow-inner lg:border-0 lg:border-t lg:rounded-none lg:table-cell dark:border-base-800">
+                            <td colspan="{{ result|length|add:2 }}" class="border bg-base-200/10 block border-base-200 relative rounded-default p-3 lg:shadow-inner lg:border-0 lg:border-t lg:rounded-none lg:table-cell dark:border-base-800">
                                 <div class="absolute bg-primary-600 h-full hidden left-0 top-0 w-0.5 lg:block"></div>
 
                                 <div class="grid gap-3 {{ cl.model_admin.list_sections_classes }}">

unfold/templates/admin/date_hierarchy.html

@@ -1,6 +1,6 @@
 {% if show %}
     <div class="mb-4">
-        <ul class="toplinks flex -mx-2 text-sm">
+        <ul class="toplinks flex flex-wrap -mx-2">
             {% block date-hierarchy-toplinks %}
                 {% block date-hierarchy-back %}
                     {% if back %}

unfold/templates/admin/delete_confirmation.html

@@ -10,7 +10,7 @@
 {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation{% endblock %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-8">
+    <div class="px-4">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
@@ -32,7 +32,7 @@
 
 {% block content %}
     {% if perms_lacking %}
-        <div class="border border-base-200 rounded shadow-sm dark:border-base-800">
+        <div class="border border-base-200 rounded-default shadow-xs 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>
@@ -48,7 +48,7 @@
             </div>
         </div>
     {% elif protected %}
-        <div class="border border-base-200 rounded shadow-sm dark:border-base-800">
+        <div class="border border-base-200 rounded-default shadow-xs 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>
@@ -64,7 +64,7 @@
             </div>
         </div>
     {% else %}
-        <div class="border border-base-200 rounded shadow-sm dark:border-base-800">
+        <div class="border border-base-200 rounded-default shadow-xs 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>

unfold/templates/admin/delete_selected_confirmation.html

@@ -10,7 +10,7 @@
 {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation delete-selected-confirmation{% endblock %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-8">
+    <div class="px-4">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
@@ -45,7 +45,7 @@
             </ul>
         </div>
     {% elif protected %}
-        <div class="border border-base-200 rounded shadow-sm dark:border-base-800">
+        <div class="border border-base-200 rounded-default shadow-xs 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>
@@ -59,7 +59,7 @@
             </div>
         </div>
     {% else %}
-        <div class="border border-base-200 rounded shadow-sm dark:border-base-800">
+        <div class="border border-base-200 rounded-default shadow-xs 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>

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-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 %}">
+        <h2 id="{{ inline_admin_formset.formset.prefix }}-heading" class="inline-heading bg-base-100 font-semibold mb-6 px-4 py-3 rounded-default text-font-important-light 2xl:-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-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"
+        <div class="border border-base-200 mb-6 overflow-hidden rounded-default shadow-xs 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 %}>

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-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 %}">
+            <h2 id="{{ inline_admin_formset.formset.prefix }}-heading" class="bg-base-100 border border-transparent font-semibold mb-6 px-4 py-3 rounded-default text-font-important-light text-sm 2xl:-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 %}
@@ -18,8 +18,8 @@
             {% if inline_admin_formset.is_collapsible %}</summary>{% endif %}
 
             {{ inline_admin_formset.formset.non_form_errors }}
-            <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 [&>tbody:nth-child(odd)]:bg-base-50 [&>tbody:nth-child(odd)]:dark:bg-white/[.02]" {% if inline_admin_formset.opts.ordering_field %}data-ordering-field="{{ inline_admin_formset.opts.ordering_field }}" x-on:end="sortRecords" x-sort.ghost{% endif %}>
+            <div class="border border-base-200 mb-6 overflow-x-auto rounded-default shadow-xs dark:border-base-800" data-simplebar data-simplebar-auto-hide="false">
+                <table class="tabular-table w-full [&>tbody:nth-child(odd)]:bg-base-50 dark:[&>tbody:nth-child(odd)]:bg-white/[.02]" {% if inline_admin_formset.opts.ordering_field %}data-ordering-field="{{ inline_admin_formset.opts.ordering_field }}" x-on:end="sortRecords" x-sort.ghost x-sort:config="{preventOnFilter: false}"{% endif %}>
                     {% include "unfold/helpers/edit_inline/tabular_heading.html" %}
 
                     {% for inline_admin_form in inline_admin_formset %}

unfold/templates/admin/filter.html

@@ -12,9 +12,9 @@
     {% endfor %}
 
     {% if spec|class_name == "BooleanFieldListFilter" or spec.horizontal %}
-        <ul class="dark:bg-base-900 border border-base-200 flex min-w-20 rounded shadow-sm text-font-default-light dark:border-base-700 dark:text-font-default-dark w-full">
+        <ul class="dark:bg-base-900 border border-base-200 flex min-w-20 rounded-default shadow-xs text-font-default-light dark:border-base-700 dark:text-font-default-dark w-full">
             {% for choice in choices %}
-                <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 %}">
+                <li class="basis-1/3 border-r border-base-200 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 py-2 text-center hover:text-primary-600 dark:hover:text-primary-500">
                         {{ choice.display }}
                     </a>
@@ -22,7 +22,7 @@
             {% endfor %}
         </ul>
     {% else %}
-        <ul class="border flex flex-col rounded shadow-sm dark:border-base-700">
+        <ul class="border border-base-200 flex flex-col rounded-default shadow-xs dark:border-base-700">
             {% for choice in choices %}
                 <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">

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-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">
+        <h2 class="bg-base-100 font-semibold mb-6 px-4 py-3 rounded-default text-font-important-light text-sm 2xl:-mx-4 dark:bg-white/[.02] dark:text-font-important-dark">
             {{ fieldset.name }}
         </h2>
     {% endif %}

unfold/templates/admin/index.html

@@ -12,7 +12,7 @@
 
 {% block content %}
     <div class="flex flex-col lg:flex-row lg:gap-8">
-        <div class="flex-grow">
+        <div class="grow">
             {% include "unfold/helpers/app_list_default.html" %}
         </div>
 

unfold/templates/admin/login.html

@@ -24,8 +24,8 @@
 {% endblock %}
 
 {% block base %}
-    <div id="page" class="flex min-h-screen">
-        <div class="flex flex-grow items-center justify-center mx-auto px-4 relative">
+    <div id="page" class="bg-white flex min-h-screen dark:bg-base-900 ">
+        <div class="flex grow items-center justify-center mx-auto px-4 relative">
             <div class="w-full sm:w-96">
                 <h1 class="font-semibold mb-10">
                     <span class="block text-font-important-light dark:text-font-important-dark">{% trans 'Welcome back to' %}</span>
@@ -63,16 +63,16 @@
                     {% 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 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-default 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>
+                            <span class="material-symbols-outlined ml-2 relative right-0 text-base transition-all group-hover:-right-1">arrow_forward</span>
                         </button>
                     </div>
 
                     {% if password_reset_url %}
                         <div class="password-reset-link">
-                            <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">
+                            <a href="{{ password_reset_url }}" class="border border-base-200 font-medium hidden mt-4 px-3 py-2 rounded-default 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>
@@ -98,7 +98,7 @@
         </div>
 
         {% if image %}
-            <div class="bg-cover flex-grow hidden max-w-3xl xl:max-w-4xl xl:block" style="background-image: url('{{ image }}')">
+            <div class="bg-cover grow hidden max-w-3xl xl:max-w-4xl xl:block" style="background-image: url('{{ image }}')">
             </div>
         {% endif %}
     </div>

unfold/templates/admin/nav_sidebar.html

@@ -1,7 +1,15 @@
-{% load i18n %}
+{% load i18n unfold %}
 
 <div class="relative z-50">
-    <div class="fixed hidden xl:relative xl:block" x-bind:class="{'xl:!hidden': !sidebarDesktopOpen, '!block': sidebarMobileOpen}">
-        {% include "unfold/helpers/navigation.html" %}
+    <div class="fixed hidden xl:relative xl:block w-[288px] {% element_classes 'navigation_wrapper' %}" x-bind:class="{'xl:hidden!': !sidebarDesktopOpen, 'block!': sidebarMobileOpen}">
+        <div class="bg-gray-50 relative z-30 dark:bg-gray-900">
+            <div id="nav-sidebar" class="bg-base-50 border-r border-base-200 bottom-0 fixed max-h-screen top-0 w-[288px] dark:border-base-800 dark:bg-base-900 {% element_classes 'navigation' %}">
+                {% if templates.navigation %}
+                    {% include templates.navigation %}
+                {% else %}
+                    {% include "unfold/helpers/navigation.html" %}
+                {% endif %}
+            </div>
+        </div>
     </div>
 </div>

unfold/templates/admin/object_history.html

@@ -2,7 +2,7 @@
 {% load i18n admin_urls %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-8">
+    <div class="px-4">
         <div class="container mb-12 mx-auto -my-3">
             <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
@@ -27,7 +27,7 @@
 
 {% block content %}
     {% if action_list %}
-        <table class="border-base-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded lg:shadow-sm lg:dark:border-base-800">
+        <table class="border-base-200 border-spacing-none border-separate mb-6 w-full lg:border lg:rounded-default lg:shadow-xs lg:dark:border-base-800">
             <thead class="hidden lg:table-header-group text-base-900 dark:text-base-100">
                 <tr>
                     <th class="align-middle font-medium px-3 py-2 text-left">
@@ -46,7 +46,7 @@
 
             <tbody>
                 {% for action in action_list %}
-                    <tr class="block border mb-3 rounded shadow-sm lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
+                    <tr class="block border mb-3 rounded-default shadow-xs lg:table-row lg:border-none lg:mb-0 lg:shadow-none dark:border-base-800">
                         <th class="align-middle flex border-t border-base-200 font-normal px-3 py-2 text-left before:flex before:capitalize before:content-[attr(data-label)] before:items-center before:mr-auto  first:border-t-0lg:before:hidden lg:first:border-t lg:py-3 lg:table-cell dark:border-base-800" data-label="{% translate 'Date/time' %}">
                             {{ action.action_time|date:"DATETIME_FORMAT" }}
                         </th>
@@ -63,7 +63,7 @@
             </tbody>
         </table>
 
-        <div class="bg-base-50 flex my-4 items-center p-3 rounded dark:bg-base-800">
+        <div class="bg-base-50 flex my-4 items-center p-3 rounded-default dark:bg-base-800">
             {% if pagination_required %}
                 {% for i in page_range %}
                     <span class="pr-4">

unfold/templates/admin/pagination.html

@@ -1,29 +1,23 @@
-{% load unfold_list i18n %}
+{% load unfold unfold_list i18n %}
 
-<div {% if not is_popup %}id="submit-row"{% endif %} class="relative z-20">
-    <div class="{% if not is_popup %}max-w-full lg:bottom-0 lg:fixed lg:left-0 lg:right-0{% endif %}" {% if not is_popup %}x-bind:class="{'xl:left-0': !sidebarDesktopOpen, 'xl:left-72': sidebarDesktopOpen}"{% endif %} x-bind:style="'width: ' + mainWidth + 'px'">
-        <div class="lg:backdrop-blur-sm lg:bg-white/80 lg:flex lg:items-center lg:dark:bg-base-900/80 {% if not is_popup %}lg:border-t lg:border-base-200 lg:h-[71px] lg:py-2 lg:relative lg:scrollable-top lg:px-8 lg:dark:border-base-800{% endif %}">
-            <div class="flex flex-row items-center {% if not cl.model_admin.list_fullwidth %}lg:mx-auto{% endif %}" x-bind:style="'width: ' + changeListWidth + 'px'">
-                {% if cl.paginator.template_name %}
-                    {% include cl.paginator.template_name %}
-                {% else %}
-                    {% include "unfold/helpers/pagination_default.html" %}
-                {% endif %}
+<div class="flex flex-row grow items-center lg:h-[64px] {% if not cl.model_admin.list_fullwidth %}container mx-auto{% endif %}">
+    {% if cl.paginator.template_name %}
+        {% include cl.paginator.template_name %}
+    {% else %}
+        {% include "unfold/helpers/pagination_default.html" %}
+    {% endif %}
 
-                {% if show_all_url %}
-                    <a href="{{ show_all_url }}" class="showall ml-4 text-primary-600 dark:text-primary-500">
-                        {% translate 'Show all' %}
-                    </a>
-                {% endif %}
+    {% if show_all_url %}
+        <a href="{{ show_all_url }}" class="showall ml-4 text-primary-600 dark:text-primary-500">
+            {% translate 'Show all' %}
+        </a>
+    {% endif %}
 
-                {% if cl.formset and cl.result_count %}
-                    <div class="ml-auto">
-                        <button type="submit" name="_save" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-white w-full">
-                            {% translate 'Save' %}
-                        </button>
-                    </div>
-                {% endif %}
-            </div>
+    {% if cl.formset and cl.result_count %}
+        <div class="ml-auto">
+            <button type="submit" name="_save" form="changelist-form" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded-default text-white w-full">
+                {% translate 'Save' %}
+            </button>
         </div>
-    </div>
+    {% endif %}
 </div>

unfold/templates/admin/search_form.html

@@ -3,10 +3,10 @@
 {% if cl.search_fields %}
     <div id="toolbar">
         <form id="changelist-search" method="get" role="search">
-            <div class="bg-white border border-base-200 flex rounded overflow-hidden shadow-sm lg:w-96 focus-within:ring focus-within:ring-primary-300 focus-within:border-primary-600 dark:bg-base-900 dark:border-base-700 dark:focus-within:border-primary-600 dark:focus-within:ring-primary-700 dark:focus-within:ring-opacity-50">
-                <input class="font-medium grow min-w-0 h-9 px-3 text-font-default-light text-sm focus:outline-none dark:bg-base-900 dark:text-font-default-dark placeholder-shown:truncate placeholder-base-400" type="text" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar" placeholder="{% if cl.search_help_text %}{{ cl.search_help_text }}{% else %}{% trans "Type to search" %}{% endif %}" />
+            <div class="bg-white border border-base-200 flex rounded-default overflow-hidden shadow-xs lg:w-96 focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-primary-600 dark:bg-base-900 dark:border-base-700">
+                <input class="font-medium grow min-w-0 h-9 px-3 text-font-default-light text-sm focus:outline-hidden dark:bg-base-900 dark:text-font-default-dark placeholder-shown:truncate placeholder-base-400" type="text" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar" placeholder="{% if cl.search_help_text %}{{ cl.search_help_text }}{% else %}{% trans "Type to search" %}{% endif %}" />
 
-                <button type="submit" class="flex items-center px-2 focus:outline-none" id="searchbar-submit">
+                <button type="submit" class="flex items-center px-2 focus:outline-hidden" id="searchbar-submit">
                     <span class="material-symbols-outlined md-18 text-base-400 dark:text-base-500">search</span>
                 </button>
             </div>

unfold/templates/admin/submit_line.html

@@ -1,70 +1,67 @@
 {% load i18n admin_urls %}
 
-<div {% if not is_popup %}id="submit-row"{% endif %} class="relative {% if not is_popup %}lg:mt-16{% endif %} z-20">
-    <div class="{% if not is_popup %}max-w-full lg:bottom-0 lg:fixed lg:left-0 lg:right-0{% endif %}" {% if not is_popup %}x-bind:class="{'xl:left-0': !sidebarDesktopOpen, 'xl:left-72': sidebarDesktopOpen}" x-bind:style="'width: ' + mainWidth + 'px'"{% endif %}>
-        <div class="backdrop-blur-sm bg-white/80 pb-4 dark:bg-base-900/80 {% if not is_popup %}lg:border-t lg:border-base-200 lg:py-4 relative lg:scrollable-top lg:px-8 dark:border-base-800{% endif %}">
-            <div class="flex flex-col-reverse gap-3 items-center mx-auto lg:flex-row-reverse" x-bind:style="'width: ' + changeFormWidth + 'px'">
-                {% block submit-row %}
-                    {% if show_save %}
-                        <button type="submit" name="_save" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded text-white w-full lg:w-auto">
-                            {% translate 'Save' %}
-                        </button>
-                    {% endif %}
+<div {% if not is_popup %}id="submit-row"{% endif %} class="relative lg:sticky lg:bottom-0 z-40">
+    <div class="backdrop-blur-xs bg-white/80 rounded-b-default pb-4 px-4 dark:bg-base-900/80 {% if not is_popup %}lg:border-t lg:border-base-200 relative lg:scrollable-top lg:py-0 dark:border-base-800{% endif %}">
+        <div class="flex flex-col-reverse gap-3 items-center mx-auto lg:flex-row-reverse container lg:h-[64px]">
+            {% block submit-row %}
+                {% if show_save %}
+                    <button type="submit" form="{{ opts.model_name }}_form" name="_save" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded-default text-white w-full lg:w-auto">
+                        {% translate 'Save' %}
+                    </button>
+                {% endif %}
 
-                    {% for action in actions_submit_line %}
-                        <button type="submit" {% if not action.attrs.name %}name="{{ action.action_name }}"{% endif %} class="border border-base-200 flex font-medium gap-2 items-center px-3 py-2 rounded transition-all w-full hover:bg-base-50 lg:w-auto dark:border-base-700 dark:hover:text-base-200 dark:hover:bg-base-900" {% include "unfold/helpers/attrs.html" with attrs=action.attrs %}>
-                            {% if action.icon %}
-                                <span class="material-symbols-outlined">
-                                    {{ action.icon }}
-                                </span>
-                            {% endif %}
+                {% for action in actions_submit_line %}
+                    <button type="submit" form="{{ opts.model_name }}_form" {% if not action.attrs.name %}name="{{ action.action_name }}"{% endif %} class="border border-base-200 flex font-medium gap-2 items-center px-3 py-2 rounded-default transition-all w-full hover:bg-base-50 lg:w-auto dark:border-base-700 dark:hover:text-base-200 dark:hover:bg-base-900" {% include "unfold/helpers/attrs.html" with attrs=action.attrs %}>
+                        {% if action.icon %}
+                            <span class="material-symbols-outlined">
+                                {{ action.icon }}
+                            </span>
+                        {% endif %}
 
-                            {{ action.description }}
-                        </button>
-                    {% endfor %}
+                        {{ action.description }}
+                    </button>
+                {% endfor %}
 
-                    {% if show_save_and_continue %}
-                        <button type="submit" name="_continue" class="border border-base-200 font-medium px-3 py-2 rounded transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
-                            {% if can_change %}
-                                {% translate 'Save and continue editing' %}
-                            {% else %}
-                                {% translate 'Save and view' %}
-                            {% endif %}
-                        </button>
-                    {% endif %}
+                {% if show_save_and_continue %}
+                    <button type="submit" form="{{ opts.model_name }}_form" name="_continue" class="border border-base-200 font-medium px-3 py-2 rounded-default transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
+                        {% if can_change %}
+                            {% translate 'Save and continue editing' %}
+                        {% else %}
+                            {% translate 'Save and view' %}
+                        {% endif %}
+                    </button>
+                {% endif %}
 
-                    {% if show_save_and_add_another %}
-                        <button type="submit" name="_addanother" class="border border-base-200 font-medium px-3 py-2 rounded transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
-                            {% translate 'Save and add another' %}
-                        </button>
-                    {% endif %}
+                {% if show_save_and_add_another %}
+                    <button type="submit" form="{{ opts.model_name }}_form" name="_addanother" class="border border-base-200 font-medium px-3 py-2 rounded-default transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
+                        {% translate 'Save and add another' %}
+                    </button>
+                {% endif %}
 
-                    {% if show_save_as_new %}
-                        <button type="submit" name="_saveasnew" class="border border-base-200 font-medium px-3 py-2 rounded transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
-                            {% translate 'Save as new' %}
-                        </button>
-                    {% endif %}
+                {% if show_save_as_new %}
+                    <button type="submit" form="{{ opts.model_name }}_form" name="_saveasnew" class="border border-base-200 font-medium px-3 py-2 rounded-default transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
+                        {% translate 'Save as new' %}
+                    </button>
+                {% endif %}
 
-                    <div class="flex flex-col gap-3 mr-auto w-full lg:flex-row lg:w-auto">
-                        {% if show_close or adminform.model_admin.change_form_show_cancel_button %}
-                            {% url opts|admin_urlname:'changelist' as changelist_url %}
+                <div class="flex flex-col gap-3 mr-auto w-full lg:flex-row lg:w-auto">
+                    {% if show_close or adminform.model_admin.change_form_show_cancel_button %}
+                        {% url opts|admin_urlname:'changelist' as changelist_url %}
 
-                            <a href="{% add_preserved_filters changelist_url %}" class="border border-base-200 font-medium px-3 py-2 rounded text-center transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
-                                {% translate 'Close' %}
-                            </a>
-                        {% endif %}
-
-                        {% if show_delete_link and original %}
-                            {% url opts|admin_urlname:'delete' original.pk|admin_urlquote as delete_url %}
+                        <a href="{% add_preserved_filters changelist_url %}" class="border border-base-200 font-medium px-3 py-2 rounded-default text-center transition-all w-full hover:bg-base-50 lg:block lg:w-auto dark:border-base-700  dark:hover:text-base-200 dark:hover:bg-base-900">
+                            {% translate 'Close' %}
+                        </a>
+                    {% endif %}
 
+                    {% if show_delete_link and original %}
+                        {% url opts|admin_urlname:'delete' original.pk|admin_urlquote as delete_url %}
 
-                            <a href="{% add_preserved_filters delete_url %}" class="bg-red-600 flex items-center justify-center font-medium h-9.5 ml-auto px-3 py-2 rounded text-center text-white w-full lg:w-auto dark:bg-red-500/20 dark:text-red-500">
-                                {% translate "Delete" %} {{ opts.verbose_name }}
-                            </a>
-                        {% endif %}
-                    </div>
-                {% endblock %}
-            </div>
+                        <a href="{% add_preserved_filters delete_url %}" class="bg-red-600 flex items-center justify-center font-medium h-[38px] ml-auto px-3 py-2 rounded-default text-center text-white w-full lg:w-auto dark:bg-red-500/20 dark:text-red-500">
+                            {% translate "Delete" %} {{ opts.verbose_name }}
+                        </a>
+                    {% endif %}
+                </div>
+            {% endblock %}
         </div>
     </div>
 </div>

unfold/templates/auth/widgets/read_only_password_hash.html

@@ -1,5 +1,5 @@
 <div class="table table-fixed w-full">
-    <div class="readonly bg-base-50 border font-medium max-w-2xl px-3 py-2 rounded shadow-sm dark:bg-white/[.02] dark:border-base-700 {% if summary|length > 1 %} text-ellipsis overflow-hidden whitespace-nowrap w-full{% endif %}" {% include 'django/forms/widgets/attrs.html' %}>
+    <div class="readonly bg-base-50 border border-base-200 font-medium max-w-2xl px-3 py-2 rounded-default shadow-xs dark:bg-white/[.02] dark:border-base-700 {% if summary|length > 1 %} text-ellipsis overflow-hidden whitespace-nowrap w-full{% endif %}" {% include 'django/forms/widgets/attrs.html' %}>
         {% if summary|length > 1 %}
             {% for entry in summary %}
                 <strong class="font-semibold text-font-important-light dark:text-font-important-dark">{{ entry.label }}</strong>{% if entry.value %}: {{ entry.value }}{% endif %}

unfold/templates/registration/logged_out.html

@@ -3,20 +3,18 @@
 {% load i18n %}
 
 {% block base %}
-    <div id="page" class="flex min-h-screen">
-        <div class="flex flex-grow items-center justify-center mx-auto px-4">
+    <div id="page" class="bg-white flex min-h-screen dark:bg-base-900 ">
+        <div class="flex grow items-center justify-center mx-auto px-4">
             <div class="w-full sm:w-96">
-                <h1 class="font-semibold mb-4 text-xl">
-                    <span class="block leading-relaxed text-base-700 dark:text-base-200">
-                        {% trans "You have been successfully logged out from the administration" %}
-                    </span>
+                <h1 class="font-semibold mb-4 text-font-important-light text-xl tracking-tight dark:text-font-important-dark">
+                    {% trans "You have been successfully logged out from the administration" %}
                 </h1>
 
-                <p class="mb-10">
+                <p class="leading-relaxed mb-10">
                     {% translate "Thanks for spending some quality time with the web site today." %}
                 </p>
 
-                <a href="{% url "admin:index" %}" class="bg-primary-600 block border border-transparent font-semibold py-2 rounded text-sm text-center text-white w-full">
+                <a href="{% url "admin:index" %}" class="bg-primary-600 block border border-transparent font-semibold py-2 rounded-default text-sm text-center text-white w-full">
                     {% translate "Log in again" %}
                 </a>
             </div>

unfold/templates/registration/password_change_done.html

@@ -22,7 +22,7 @@
 
 {% block content %}
     <div id="content-main">
-        <p class="bg-primary-100 mb-8 text-primary-600 px-3 py-3 rounded text-sm">
+        <p class="bg-primary-100 mb-8 text-primary-600 px-3 py-3 rounded-default text-sm">
             {% translate 'Your password was changed.' %}
         </p>
     </div>

unfold/templates/registration/password_change_form.html

@@ -42,7 +42,7 @@
 
                 {% include "unfold/helpers/field.html" with field=form.new_password2 %}
 
-                <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded text-sm text-white">
+                <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded-default text-sm text-white">
                     {% translate 'Change password' %}
                 </button>
             </div>