<%= tag.div class: class_names("py-4 shrink-0 h-full overflow-y-auto transition-all duration-300", Current.user.show_sidebar? ? "w-80" : "w-0"), data: { sidebar_target: "panel" } do %> <% if content_for?(:sidebar) %> <%= yield :sidebar %> <% else %> <% end %> <% end %> <%= tag.main class: class_names("px-10 py-4 grow h-full", require_upgrade? ? "relative overflow-hidden" : "overflow-y-auto") do %> <% if require_upgrade? %> <% end %> <%= tag.div class: class_names("mx-auto w-full h-full", Current.user.show_sidebar? ? "max-w-4xl" : "max-w-5xl"), data: { sidebar_target: "content" } do %> <% if content_for?(:breadcrumbs) %> <%= yield :breadcrumbs %> <% else %> <%= render "layouts/shared/breadcrumbs", breadcrumbs: @breadcrumbs %> <% end %> <% if content_for?(:page_header) %> <%= yield :page_header %> <% end %> <%= yield %> <% end %> <% end %>