field_wrapper_component.html.erb in avo-3.2.2

- old
+ new

@@ -1,18 +1,27 @@
 <%= content_tag :div,
   class: classes,
   style: style,
   data: data do %>
-  <div class="h-full <% if stacked? %> md:pt-4 md:w-full <% else %> md:pt-0 <% if short? %> md:h-10 <% else %> md:h-14 <% end %> <% end %> pt-4 flex self-start items-center flex-shrink-0 <%= @field.get_html(:classes, view: view, element: :label) %> w-48 <% if compact? %> md:w-48 xl:w-64 <% else %> md:w-64 <% end %> px-6 uppercase font-semibold text-gray-500 text-sm" data-slot="label">
+  <%= content_tag :div, class: class_names("pt-4 flex self-start items-center flex-shrink-0 w-48 px-6 uppercase font-semibold text-gray-500 text-sm", @field.get_html(:classes, view: view, element: :label), {
+    "md:pt-4 md:w-full": stacked?,
+    "h-full md:pt-0": !stacked?,
+    "md:h-10 ": !stacked? && short?,
+    "md:h-14 ": !stacked? && !short?,
+    "md:w-48 xl:w-64": compact?,
+    "md:w-64": !compact?,
+  }), data: {slot: "label"} do %>
     <% if form.present? %>
       <%= form.label field.id, label %>
     <% else %>
       <%= field.name %>
     <% end %>
     <% if on_edit? && field.is_required? %> <span class="text-red-600 ml-1">*</span> <% end %>
-  </div>
-  <div class="flex-1 flex flex-row md:min-h-inherit py-2 <% if stacked? %> pb-4 <% else %><% end %> px-6 <%= @field.get_html(:classes, view: view, element: :content) %>" data-slot="value">
+  <% end %>
+  <%= content_tag :div, class: class_names("flex-1 flex flex-row md:min-h-inherit py-2 px-6", @field.get_html(:classes, view: view, element: :content), {
+    "pb-4": stacked?,
+  }), data: {slot: "value"} do %>
     <div class="self-center w-full <% unless full_width? || compact? || stacked? %> md:w-8/12 <% end %>">
       <% if on_show? %>
         <% if field.value.blank? and dash_if_blank %>
           —
         <% else %>
@@ -26,10 +35,10 @@
         <% if help.present? %>
           <div class="text-gray-600 mt-2 text-sm"><%= sanitize help %></div>
         <% end %>
       <% end %>
     </div>
-  </div>
+  <% end %>
   <% if params[:avo_debug].present? %>
     <!-- Raw value: -->
     <!-- <%= sanitize field.value.inspect %> -->
   <% end %>
 <% end %>