fix: responsive search field

unfoldadmin · Apr 23, 2023 · ad101bf · ad101bf
1 parent d6484f9
commit ad101bf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 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/search_form.html b/src/unfold/templates/admin/search_form.html
@@ -1,7 +1,7 @@
 {% load i18n static %}
 
 {% if cl.search_fields %}
-    <div id="toolbar" class="mb-3 md:mb-0 md:mr-4 w-72">
+    <div id="toolbar" class="mb-3 md:mb-0 md:mr-4 lg:w-72">
         <div>
             <div class="bg-white border flex rounded-md overflow-hidden shadow-sm focus-within:ring focus-within:ring-primary-300 focus-within:border-primary-600 dark:bg-gray-900 dark:border-gray-700 dark:focus-within:ring-primary-600/30">
                 <input class="font-medium h-9 px-3 text-gray-500 text-sm w-40 lg:w-60 focus:outline-none dark:bg-gray-900 dark:text-gray-400" type="text" name="{{ search_var }}" value="{{ cl.query }}" id="searchbar" autofocus placeholder="{% trans 'Type to search' %}" />