diff options
Diffstat (limited to 'lib/nulla_web/components/layouts/app.html.heex')
| -rw-r--r-- | lib/nulla_web/components/layouts/app.html.heex | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/lib/nulla_web/components/layouts/app.html.heex b/lib/nulla_web/components/layouts/app.html.heex new file mode 100644 index 0000000..3b3b607 --- /dev/null +++ b/lib/nulla_web/components/layouts/app.html.heex @@ -0,0 +1,32 @@ +<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/logo.svg"} width="36" /> + </a> + <p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6"> + v{Application.spec(:phoenix, :vsn)} + </p> + </div> + <div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900"> + <a href="https://twitter.com/elixirphoenix" class="hover:text-zinc-700"> + @elixirphoenix + </a> + <a href="https://github.com/phoenixframework/phoenix" class="hover:text-zinc-700"> + GitHub + </a> + <a + href="https://hexdocs.pm/phoenix/overview.html" + class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80" + > + Get Started <span aria-hidden="true">→</span> + </a> + </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> |