Files
vishnya/lib/vishnya_web/components/layouts/app.html.heex

57 lines
3.4 KiB
Plaintext

<header class="px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
<div class="flex items-center gap-4">
<a href="/">
<img src={~p"/images/rawr.png"} width="36" class="ml-5" />
</a>
<p class="bg-vish/5 text-vish rounded-full px-2 font-medium leading-6 mr-4">
v<%= Application.spec(:vishnya, :vsn) %>
</p>
</div>
<%= if Phoenix.Controller.current_path(@conn) == "/" do %>
<div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
<a
href="/sign_in"
class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80 mr-5 ml-10"
>
Get Started <span aria-hidden="true">&rarr;</span>
</a>
</div>
<% else %>
<%= if Phoenix.Controller.current_path(@conn) == "/dashboard" do %>
<div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
<a
href="/settings"
class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80 mr-5 ml-10"
>
Settings
</a>
</div>
<!--<div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
<a
href="/account"
class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80 mr-5 ml-10"
>
<span class="flex items-center">
Account
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 ml-2">
<path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="size-4 ml-2">
<path strokeLinecap="round" strokeLinejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
</svg>
</span>
</a>
</div>-->
<% end %>
<% end %>
</div>
</header>
<main class="px-4 py-10 sm:px-6 lg:px-8">
<div class="mx-auto">
<.flash_group flash={@flash} />
<%= @inner_content %>
</div>
</main>