Files
music_library/lib/music_library_web/components/layouts/app.html.heex
T
Claudio Ortolina 24319b1bff Annotate templates with TODOs for markup replacement
To open source the project down the line, it makes sense to have either
everything custom or using OSS components in order to keep licensing as
simple as possible.
2024-12-04 14:43:07 +00:00

41 lines
1.3 KiB
Plaintext

<%!-- TODO: replace with OSS version --%>
<nav class="border-b border-slate-900/10 dark:border-slate-300/10">
<div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
<div class="flex h-16 justify-between">
<div class="flex">
<div class="flex space-x-4 md:space-x-8">
<.link navigate={~p"/"} class={section_link_classes(assigns[:nav_section], :stats)}>
{gettext("Stats")}
</.link>
<.link
navigate={~p"/collection"}
class={section_link_classes(assigns[:nav_section], :records)}
>
{gettext("Collection")}
</.link>
<.link
navigate={~p"/wishlist"}
class={section_link_classes(assigns[:nav_section], :wishlist)}
>
{gettext("Wishlist")}
</.link>
</div>
</div>
<div class="flex space-x-8">
<a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/dev/dashboard"}>
{gettext("Dev dashboard")}
</a>
<a class={nav_link_classes()} } href={~p"/login"}>
{gettext("Logout")}
</a>
</div>
</div>
</div>
</nav>
<main class="px-4 py-4 max-sm:pb-20 sm:px-6 lg:px-8">
<div class="mx-auto max-w-screen-xl">
<.flash_group flash={@flash} />
{@inner_content}
</div>
</main>