feat: cohort component subtitle (#892)

unfoldadmin · Dec 3, 2024 · 6e9032f · 6e9032f
1 parent f6c9fc0
commit 6e9032f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/unfold/templates/unfold/components/chart/cohort.html b/src/unfold/templates/unfold/components/chart/cohort.html
@@ -40,7 +40,15 @@
                     {% for col in row.cols %}
                         <td class="h-full">
                             <div class="flex flex-col h-full justify-center px-3 py-2.5 rounded-md {% if col.color %}{{ col.color }}{% else %}bg-gray-50 border border-dashed dark:bg-gray-800 dark:border-gray-700{% endif %}">
-                                {{ col.value }}
+                                <span>
+                                    {{ col.value }}
+                                </span>
+
+                                {% if col.subtitle %}
+                                    <span class="mt-0.5">
+                                        {{ col.subtitle }}
+                                    </span>
+                                {% endif %}
                             </div>
                         </td>
                     {% endfor %}

diff --git a/src/unfold/templates/unfold/components/navigation.html b/src/unfold/templates/unfold/components/navigation.html
@@ -1,5 +1,5 @@
 {% if items %}
-    <nav class="bg-gray-100 flex gap-2 mb-8 p-1 rounded text-sm dark:bg-white/[.04]{% if class %} {{ class }}{% endif %}">
+    <nav class="bg-gray-100 flex gap-2 p-1 rounded text-sm dark:bg-white/[.04]{% if class %} {{ class }}{% endif %}">
         {% for item in items %}
             <a href="{{ item.link }}" class="flex flex-row font-medium items-center px-2.5 py-1 rounded {% if item.active %} bg-white shadow-sm text-font-important-light hover:bg-white dark:bg-gray-900 dark:hover:bg-gray-900 dark:text-font-important-dark{% else %}text-font-subtle-light dark:text-font-subtle-dark hover:bg-gray-700/[.04]  dark:hover:bg-white/[.04]{% endif %}">
                 {% if item.icon %}