fix: sidebar navigation spacing

unfoldadmin · Nov 25, 2022 · a4494f4 · a4494f4
1 parent 960f621
commit a4494f4
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/src/unfold/static/unfold/css/styles.css b/src/unfold/static/unfold/css/styles.css
diff --git a/src/unfold/templates/admin/app_list.html b/src/unfold/templates/admin/app_list.html
@@ -16,9 +16,6 @@
                             <ol>
                                 {% for model in app.models %}
                                     {% if not model.hidden %}
-                                        {% if model.separator %}
-                                            <li class="border-t my-2"></li>
-                                        {% endif %}
                                         <li class="model-{{ model.object_name|lower }}{% if model.admin_url in request.path|urlencode %} current-model{% endif %}">
                                             {% if model.header %}
                                                 <h3 class="font-medium my-3 text-gray-900 text-sm dark:text-gray-200">
@@ -27,7 +24,8 @@ <h3 class="font-medium my-3 text-gray-900 text-sm dark:text-gray-200">
                                             {% endif %}
 
                                             {% if model.admin_url %}
-                                                <a href="{{ model.admin_url }}" id="link-{{ app.app_label }}-{{ model.object_name|lower }}" class="block border border-transparent flex items-center -mx-3 px-3 py-3 rounded-md transition-all {% if model.admin_url in request.path|urlencode %}bg-gray-100 font-semibold text-primary-500 dark:border dark:border-gray-800 dark:bg-white/[.02]{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %}">
+                                                <a href="{{ model.admin_url }}" id="link-{{ app.app_label }}-{{ model.object_name|lower }}"
+                                                   class="block border border-transparent flex h-11 items-center -mx-3 px-3 py-2 rounded-md transition-all {% if model.admin_url in request.path|urlencode %}bg-gray-100 font-semibold text-primary-500 dark:border dark:border-gray-800 dark:bg-white/[.02]{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200{% endif %}">
                                                     {% if model.icon %}
                                                         <span class="material-icons md-18 mr-3">{{ model.icon }}</span>
                                                     {% endif %}

diff --git a/src/unfold/templates/unfold/helpers/app_list.html b/src/unfold/templates/unfold/helpers/app_list.html
@@ -17,7 +17,7 @@ <h3 class="font-medium my-3 px-6 text-gray-900 text-sm first:mt-0 dark:text-gray
                 {% for item in group.items %}
                     <li>
                         <a href="{{ item.link }}"
-                           class="block border border-transparent flex items-center -mx-3 px-3 py-2 rounded-md transition-all {% if item.active %}bg-gray-100 font-semibold text-primary-600 dark:border dark:border-gray-800 dark:bg-white/[.02]{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 hover:dark:text-gray-200{% endif %}">
+                           class="block border border-transparent flex h-11 items-center -mx-3 px-3 py-2 rounded-md transition-all {% if item.active %}bg-gray-100 font-semibold text-primary-600 dark:border dark:border-gray-800 dark:bg-white/[.02]{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 hover:dark:text-gray-200{% endif %}">
                             {% if item.icon %}
                                 <span class="material-icons md-18 mr-3">
                                     {{ item.icon }}

diff --git a/src/unfold/templates/unfold/helpers/breadcrumb_item.html b/src/unfold/templates/unfold/helpers/breadcrumb_item.html
@@ -1,3 +1,4 @@
+
 <li class="text-gray-500 text-xs dark:text-gray-400">
     {% if link %}
         <a href="{{ link }}">{{ name }}</a> <span class="mx-2 text-gray-200 dark:text-gray-600">/</span>