sloanelybutsurely.com/lib/web/components/layouts/app.html.heex

34 lines
1.1 KiB
Text

<div class="sticky top-0 z-50 flex flex-row bg-white justify-between py-1 md:mb-2 border-b border-gray-200">
<div class="flex flex-col md:flex-row">
<section class="flex flex-row gap-x-2 md:border-r border-gray-200 px-2">
<.link navigate={~p"/"} class="font-bold group">
💜 <span class="group-hover:underline">sloanelybutsurely.com</span>
</.link>
<nav>
<ul class="flex flex-row gap-x-2">
<li><.link href="#">writing</.link></li>
<li><.link href="#">microblog</.link></li>
</ul>
</nav>
</section>
<section :if={not is_nil(@current_user)} class="ml-2">
<nav>
<ul class="flex flex-row gap-x-2">
<li><.link navigate={~p"/admin"}>admin</.link></li>
</ul>
</nav>
</section>
</div>
<%= if is_nil(@current_user) do %>
<.link class="px-2 text-transparent hover:text-current" href={~p"/admin/users/log_in"}>
sign in
</.link>
<% else %>
<.link class="px-2" href={~p"/admin/users/log_out"} method="delete">sign out</.link>
<% end %>
</div>
<main class="p-2 max-w-2xl mx-auto">
{@inner_content}
</main>