fix: icons width

unfoldadmin · May 19, 2023 · 15c02b8 · 15c02b8
1 parent fda7060
commit 15c02b8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 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/unfold/helpers/app_list.html b/src/unfold/templates/unfold/helpers/app_list.html
@@ -17,9 +17,9 @@ <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 h-11 items-center -mx-3 px-3 py-2 rounded-md {% if item.active %}bg-gray-100 font-semibold text-primary-600 dark:border dark:border-gray-800 dark:bg-white/[.02] dark:text-primary-500{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 hover:dark:text-gray-200{% endif %}">
+                           class="border border-transparent flex h-11 items-center -mx-3 px-3 py-2 rounded-md {% if item.active %}bg-gray-100 font-semibold text-primary-600 dark:border dark:border-gray-800 dark:bg-white/[.02] dark:text-primary-500{% else %}text-gray-500 hover:text-gray-700 dark:text-gray-400 hover:dark:text-gray-200{% endif %}">
                             {% if item.icon %}
-                                <span class="material-symbols-outlined md-18 mr-3">
+                                <span class="material-symbols-outlined md-18 mr-3 w-4.5">
                                     {{ item.icon }}
                                 </span>
                             {% endif %}

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -41,6 +41,7 @@ module.exports = {
         "width": "width",
       },
       width: {
+        "4.5": "1.125rem",
         "9.5": "2.375rem",
         "sidebar": "18rem",
       },