fix: responsive default dashboard on mobile (#277)

unfoldadmin · Feb 3, 2024 · a313df6 · a313df6
1 parent e5efa2c
commit a313df6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/unfold/templates/admin/index.html b/src/unfold/templates/admin/index.html
@@ -15,8 +15,8 @@ <h1 id="site-name">
 {% endblock %}
 
 {% block content %}
-    <div class="flex flex-row -mx-4">
-        <div class="flex-grow px-4">
+    <div class="flex flex-col gap-8 lg:flex-row">
+        <div class="flex-grow">
             {% include "unfold/helpers/app_list_default.html" %}
         </div>
 

diff --git a/src/unfold/templates/unfold/helpers/history.html b/src/unfold/templates/unfold/helpers/history.html
@@ -3,7 +3,7 @@
 {% get_admin_log 10 as admin_log for_user user %}
 
 {% if admin_log %}
-    <div id="content-related" class="px-4 w-4/12">
+    <div id="content-related" class="lg:w-4/12">
         <div class="module" id="recent-actions-module">
             <h2 class="mb-4 font-semibold text-gray-700 text-sm dark:text-gray-200">
                 {% translate 'Recent actions' %}