Packages

phx_new

1.7.21
1.8.9 1.8.8 1.8.7 1.8.6 1.8.5 1.8.4 1.8.3 1.8.2 1.8.1 1.8.0 1.8.0-rc.4 1.8.0-rc.3 1.8.0-rc.2 1.8.0-rc.1 1.8.0-rc.0 1.7.24 1.7.23 1.7.22 1.7.21 1.7.20 1.7.19 1.7.18 1.7.17 1.7.16 1.7.15 1.7.14 1.7.13 1.7.12 1.7.11 1.7.10 1.7.9 1.7.8 1.7.7 1.7.6 1.7.5 1.7.4 1.7.3 1.7.2 1.7.1 1.7.0 1.7.0-rc.3 1.7.0-rc.2 1.7.0-rc.1 1.7.0-rc.0 1.6.17 1.6.16 1.6.15 1.6.14 1.6.13 1.6.12 1.6.11 1.6.10 1.6.9 1.6.8 1.6.7 1.6.6 1.6.5 1.6.4 1.6.3 1.6.2 1.6.1 1.6.0 1.6.0-rc.1 1.6.0-rc.0 1.5.15 1.5.14 1.5.13 1.5.12 1.5.11 1.5.10 1.5.9 1.5.8 1.5.7 1.5.6 1.5.5 1.5.4 1.5.3 1.5.2 1.5.1 1.5.0 1.5.0-rc.0 1.4.18 1.4.17 1.4.16 1.4.15 1.4.14 1.4.13 1.4.12 1.4.11 1.4.10 1.4.9 1.4.8 1.4.7 1.4.6 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.4.0-rc.3 1.4.0-rc.2 1.4.0-rc.1 1.4.0-rc.0 1.4.0-dev.0 1.3.5

Phoenix framework project generator. Provides a `mix phx.new` task to bootstrap a new Elixir application with Phoenix dependencies.

HexDocs

Current section

Files

Jump to
Readme
106 Versions
0 Dependencies
5 Dependants
Files
Activity
phx_new templates phx_web components layouts app.html.heex
Raw

templates/phx_web/components/layouts/app.html.heex 

<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">&rarr;</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>