ubicloud/views/components/page_header.erb
Jeremy Evans 750ebdc055 Change from erb_formatter to herb/formatter
Currently, herb/formatter has at least 4 bugs the prevent us from
switching to it (https://github.com/marcoroth/herb/issues 476, 477,
478, and 479). This includes manual fixes for each issue.

herb/formatter also introduces a rubocop violation for the
Layout/AssignmentIndentation cop. This disables that cop.
2025-09-05 14:01:01 -07:00

57 lines
1.8 KiB
Text

<%# locals: (title: @page_title, breadcrumbs: [], right_items: nil, back: breadcrumbs.dig(-2, 1) || "#") %>
<div class="space-y-1 sticky -mx-10 mb-0.5 px-10 top-[2.9rem] bg-gray-50 z-30">
<% unless breadcrumbs.empty? %>
<div>
<nav class="sm:hidden" aria-label="Back">
<a
href="<%= back %>"
class="
flex items-center text-sm font-medium text-gray-500
hover:text-gray-700
"
>
<div class="-ml-1 mr-1 flex-shrink-0 text-gray-400">
<%== part("components/icon", name: "hero-chevron-left", classes: "w-5 h-5") %>
</div>
Back
</a>
</nav>
<nav class="hidden sm:flex" aria-label="Breadcrumb">
<ol role="list" class="flex items-center space-x-4">
<% breadcrumbs.each_with_index do |(name, url), index| %>
<li>
<div class="flex items-center">
<% if index > 0 %>
<%== part("components/icon", name: "hero-chevron-right", classes: "w-5 h-5 flex-shrink-0 text-gray-400 mr-4") %>
<% end %>
<a
href="<%= url %>"
class="text-sm font-medium text-gray-500 hover:text-gray-700"
>
<%= name %>
</a>
</div>
</li>
<% end %>
</ol>
</nav>
</div>
<% end %>
<div class="md:flex md:items-center md:justify-between pb-4">
<div class="min-w-0">
<h2
class="
text-2xl font-bold leading-7 text-gray-900 sm:text-3xl
sm:tracking-tight
"
>
<%= title %>
</h2>
</div>
<% if right_items %>
<div class="mt-4 flex md:ml-4 md:mt-0"><%== right_items.join %></div>
<% end %>
</div>
</div>