2023-03-05 16:07:40 +01:00
|
|
|
<header class="px-4 sm:px-6 lg:px-8">
|
2023-04-01 16:05:20 +02:00
|
|
|
<div class="flex items-center justify-end border-b border-gray-300 dark:border-gray-800 py-3">
|
2023-05-20 19:26:58 +02:00
|
|
|
<% items = [
|
2023-05-25 21:23:04 +02:00
|
|
|
%{
|
|
|
|
path: ~p"/admin/notes",
|
|
|
|
icon: "hero-document-text-solid",
|
|
|
|
name: "Notes"
|
|
|
|
},
|
|
|
|
%{
|
|
|
|
path: ~p"/admin/channels",
|
|
|
|
icon: "hero-speaker-wave-solid",
|
|
|
|
name: "Channels"
|
|
|
|
},
|
|
|
|
%{
|
|
|
|
path: ~p"/admin/identities",
|
|
|
|
icon: "hero-user-solid",
|
|
|
|
name: "Identities"
|
|
|
|
},
|
2023-06-06 22:00:42 +02:00
|
|
|
%{
|
|
|
|
path: ~p"/admin/tokens",
|
|
|
|
icon: "hero-key-solid",
|
|
|
|
name: "Tokens"
|
|
|
|
},
|
2023-05-25 21:23:04 +02:00
|
|
|
%{
|
|
|
|
path: ~p"/admin/settings",
|
|
|
|
icon: "hero-wrench-screwdriver-solid",
|
|
|
|
name: "Settings"
|
|
|
|
}
|
|
|
|
] %>
|
2023-03-05 16:07:40 +01:00
|
|
|
<div class="flex items-center gap-4">
|
2023-05-25 21:23:04 +02:00
|
|
|
<%= for item <- items do %>
|
|
|
|
<.link
|
|
|
|
href={item.path}
|
|
|
|
class="text-xs font-semibold leading-6 text-gray-900 hover:text-gray-700 dark:text-gray-200"
|
|
|
|
>
|
|
|
|
<.icon name={item.icon} class="w-4 h-4" />
|
|
|
|
<span class="align-sub"><%= item.name %></span>
|
|
|
|
</.link>
|
|
|
|
<% end %>
|
2023-03-05 16:07:40 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
<main class="px-4 py-20 sm:px-6 lg:px-8">
|
|
|
|
<div class="mx-auto max-w-2xl">
|
|
|
|
<.flash_group flash={@flash} />
|
|
|
|
<%= @inner_content %>
|
|
|
|
</div>
|
|
|
|
</main>
|