b47bd55ce1
Having truncation on resulted in truncation for the token access control pages, which looks bad. It seems better to wrap instead of truncating.
47 lines
1.8 KiB
Plaintext
47 lines
1.8 KiB
Plaintext
<%# locals: (title: @page_title, breadcrumbs: [], left_items: nil, 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">
|
|
<%== render("components/icon", locals: { 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 %>
|
|
<%== render("components/icon", locals: { 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 left_items %>
|
|
<div class="mt-4 flex md:ml-4 md:mt-0 mr-auto">
|
|
<%== left_items.join %>
|
|
</div>
|
|
<% end %>
|
|
<% if right_items %>
|
|
<div class="mt-4 flex md:ml-4 md:mt-0">
|
|
<%== right_items.join %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|