feat: simplified picture design (#446)

lukasvinclav · web-flow · commit 67d7a03549a6 · 2024-06-05T12:42:56.000+02:00
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/field_readonly_value.html b/src/unfold/templates/unfold/helpers/field_readonly_value.html
@@ -0,0 +1 @@
+<div class="readonly bg-gray-50 border font-medium max-w-2xl px-3 py-2 rounded-md shadow-sm text-gray-500 text-sm dark:border-gray-700 dark:text-gray-400 dark:bg-gray-800 {% if field.is_json %}truncate whitespace-pre-wrap{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>
diff --git a/src/unfold/templates/unfold/widgets/clearable_file_input.html b/src/unfold/templates/unfold/widgets/clearable_file_input.html
@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% if widget.attrs.accept == 'image/*' and widget.is_initial %}
-    <div class="bg-gray-50 border flex items-center justify-center mb-4 min-h-32 p-1 rounded-md w-48 dark:bg-white/[.02] dark:border-gray-700">
+    <div class="mb-4 max-w-48">
         <a href="{{ widget.value.url }}" target="_blank">
             <img src="{{ widget.value.url }}" alt="{% trans 'Image preview' %}" class="block rounded" />
         </a>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+<div class="readonly bg-gray-50 border font-medium max-w-2xl px-3 py-2 rounded-md shadow-sm text-gray-500 text-sm dark:border-gray-700 dark:text-gray-400 dark:bg-gray-800 {% if field.is_json %}truncate whitespace-pre-wrap{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>`