fix: radio background color / inline gap (#947)

Author: lukasvinclav

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

@@ -1,5 +1,5 @@
 {% with id=widget.attrs.id %}
-    <div{% if id %} id="{{ id }}"{% endif %} class="flex gap-2 {% if radio_style == 1 %} flex-row{% else %} flex-col{% endif %}">
+    <div{% if id %} id="{{ id }}"{% endif %} class="flex gap-2 {% if radio_style == 1 %} flex-row gap-4{% else %} flex-col{% endif %}">
         {% for group, options, index in widget.optgroups %}
             {% if group %}
                 <div>

src/unfold/templates/unfold/widgets/radio.html

@@ -223,7 +223,8 @@
     "checked:border-primary-600",
     "checked:transition-all",
     "checked:after:bg-white",
-    "checked:after:dark:bg-base-200",
+    "checked:after:dark:bg-base-900",
+    "checked:hover:border-base-900/20",
 ]
 
 SWITCH_CLASSES = [

src/unfold/widgets.py

@@ -88,9 +88,19 @@ module.exports = {
   },
   plugins: [require("@tailwindcss/typography")],
   safelist: [
+    "border-2",
+    "border-base-300",
+    "border-base-400",
+    "dark:border-base-500",
     "border-l",
+    "border-b-0",
+    "border-l-0",
+    "border-r-0",
+    "border-t-0",
     "flex-grow",
     "pb-0",
+    "h-3",
+    "w-3",
     "w-96",
     "max-w-96",
     "md:border-0",