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

38 lines
1.3 KiB
Text

<div :if={@admin?} class="flex flex-row justify-between py-1 px-3 mb-2 border-b border-slate-100">
<section class="flex flex-row gap-x-2">
<div class="pr-2 border-r border-slate-100">
<.link navigate={~p"/admin"} class="font-bold">admin mode</.link>
</div>
<nav>
<ul class="flex flex-row">
<.link href="#" class="hover:underline">new post</.link>
</ul>
</nav>
</section>
<section class="flex flex-row">
<.link href={~p"/admin/session/destroy?return_to=#{@current_path}"} class="hover:underline">
sign out
</.link>
</section>
</div>
<div class="flex flex-col md:flex-row mx-auto max-w-4xl">
<section class="flex flex-col p-2 gap-y-1 border-slate-100 border-b md:border-b-0">
<.link href={~p"/"} class="font-bold hover:underline">sloanelybutsurely.com</.link>
<nav>
<ul>
<li><.link href={~p"/writing"} class="hover:underline">writing</.link></li>
<li><.link href={~p"/microblog"} class="hover:underline">microblog</.link></li>
</ul>
</nav>
</section>
<main class="p-2">
{@inner_content}
</main>
</div>
<div
:if={not @admin?}
class="fixed right-0 bottom-0 p-2 text-transparent underline hover:text-current"
>
<.link href={~p"/sign-in?return_to=#{@current_path}"}>sign in</.link>
</div>