wip

Author: adrianthedev

app/assets/stylesheets/application.css

@@ -45,6 +45,8 @@
 
   --breakpoint-xs: 30rem;
 
+  --container-8xl: 96rem;
+
   /* Tiny text size originally added for discreet information */
   --text-tiny: 0.625rem;
 }

app/assets/stylesheets/css/components/field-wrapper.css

@@ -54,3 +54,9 @@
     @apply w-full;
   }
 }
+
+.container-small {
+  .field-wrapper__content-wrapper {
+    @apply w-full;
+  }
+}

app/assets/stylesheets/css/components/ui/panel_header.css

@@ -1,5 +1,5 @@
 .header {
-  @apply flex flex-col gap-2 items-start justify-center pe-0 py-0 !mb-0 px-1;
+  @apply flex flex-col gap-2 items-start justify-center pe-0 py-0 px-1;
 }
 
 .header__main {

app/components/avo/field_wrapper_component.html.erb

@@ -23,7 +23,7 @@
     data: {slot: "value"} do %>
     <%= tag.div class: "field-wrapper__content-wrapper" do %>
       <% if on_show? %>
-        <div class="flex flex-row items-center group gap-x-1 group/clipboard">
+        <div class="flex flex-row items-center group gap-x-1 group/clipboard w-full">
           <% if render_dash? %>
             —
           <% else %>

app/components/avo/fields/common/files/list_viewer_component.html.erb

@@ -1,7 +1,6 @@
 <%= content_tag :div, class: class_names(
-  {
-    "-mt-9": @field.stacked && !@field.hide_view_type_switcher
-  }
+  "w-full @container",
+  "-mt-6": @field.stacked && !@field.hide_view_type_switcher
 ) do %>
   <%= turbo_frame_tag @field.id do %>
     <% unless @field.hide_view_type_switcher %>
@@ -19,7 +18,7 @@
       "py-4 rounded-2xl max-w-full",
       {
         "flex flex-col space-y-2": @view_type == :list,
-        "relative grid xs:grid-cols-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-6 gap-6": @view_type == :grid
+        "relative grid xs:grid-cols-2 @sm:grid-cols-2 @xl:grid-cols-3 @2xl:grid-cols-4 @4xl:grid-cols-5 @6xl:grid-cols-6 @7xl:grid-cols-7 @8xl:grid-cols-8 gap-6": @view_type == :grid
       }
     ) do %>
       <% @field.value.attachments.each do |file| %>

app/components/avo/items/switcher_component.html.erb

@@ -35,7 +35,7 @@
     </div>
   <% end %>
 
-  <%= render ui.panel_header(title:, description: @resource.description, index:) do |header| %>
+  <%= render ui.panel_header(title:, description: @resource.description, index:, class: "!-mb-14") do |header| %>
     <% header.with_controls do %>
       <% controls.each do |control| %>
         <%= render_control control %>

app/components/avo/u_i/panel_header_component.html.erb

@@ -1,4 +1,5 @@
 <%= tag.div class: class_names(
+  @class,
   "header",
   "header--size-medium": size_medium?,
   "header--size-small": size_small?

app/components/avo/u_i/panel_header_component.rb

@@ -7,6 +7,7 @@ class Avo::UI::PanelHeaderComponent < Avo::BaseComponent
   prop :url
   prop :target
   prop :index
+  prop :class
 
   renders_one :title_slot
   renders_one :avatar

app/components/avo/views/resource_show_component.html.erb

@@ -7,7 +7,7 @@
     selected_resources: [@resource.record_param],
     **@resource.stimulus_data_attributes
   } do %>
-  <%= content_tag :div, class: 'space-y-12' do %>
+  <%= content_tag :div, class: 'flex flex-col gap-y-12' do %>
     <%= render_cards_component %>
 
     <% @resource.get_items.each_with_index do |item, index| %>

lib/avo/fields/files_field.rb

@@ -10,13 +10,13 @@ class FilesField < BaseField
       attr_reader :hide_view_type_switcher
 
       def initialize(id, **args, &block)
-        super(id, **args, &block)
+        super
 
         @is_audio = args[:is_audio].present? ? args[:is_audio] : false
         @is_image = args[:is_image].present? ? args[:is_image] : @is_avatar
         @direct_upload = args[:direct_upload].present? ? args[:direct_upload] : false
         @accept = args[:accept].present? ? args[:accept] : nil
-        @display_filename = args[:display_filename].nil? ? true : args[:display_filename]
+        @display_filename = args[:display_filename].nil? || args[:display_filename]
         @view_type = args[:view_type] || :grid
         @hide_view_type_switcher = args[:hide_view_type_switcher]
       end