feat: crispy fieldset subheader (#1311)

Author: lukasvinclav

src/unfold/layout.py

@@ -25,6 +25,22 @@ class Button(ButtonClassesMixin, BaseInput):
     input_type = "button"
 
 
+class FieldsetSubheader(LayoutObject):
+    template = "unfold_crispy/layout/fieldset_subheader.html"
+
+    def __init__(self, title=None, *args, **kwargs):
+        self.title = title
+        super().__init__(*args, **kwargs)
+
+    def render(self, form, context, template_pack=TEMPLATE_PACK, **kwargs):
+        return render_to_string(
+            self.template,
+            {
+                "title": self.title,
+            },
+        )
+
+
 class Hr(LayoutObject):
     template = "unfold_crispy/layout/hr.html"
 

src/unfold/static/unfold/css/styles.css

@@ -5,5 +5,7 @@
         </legend>
     {% endif %}
 
-    {{ fields|safe }}
+    <div class="flex flex-col gap-5">
+        {{ fields|safe }}
+    </div>
 </fieldset>

src/unfold/templates/unfold_crispy/layout/fieldset.html

@@ -0,0 +1,3 @@
+<div class="border-b border-t border-base-200 font-semibold -mx-3 py-2.5 px-3 text-font-important-light first:border-t-0 first:-mt-5 dark:border-base-800 dark:text-font-important-dark">
+    {{ title }}
+</div>