Packages

surface

0.11.2
0.12.3 0.12.2 0.12.1 0.12.0 0.11.5 0.11.4 0.11.3 0.11.2 0.11.1 0.11.0 0.10.0 0.9.5 0.9.4 0.9.3 0.9.2 0.9.1 0.9.0 0.8.4 0.8.3 0.8.2 0.8.1 0.8.0 0.7.6 0.7.5 0.7.4 0.7.3 0.7.2 0.7.1 0.7.0 0.6.1 0.6.0 0.5.2 0.5.1 0.5.0 0.4.1 0.4.0 0.3.2 0.3.1 0.3.0 0.2.1 0.2.0 0.1.1 0.1.0 0.1.0-alpha.2 0.1.0-alpha.1 0.1.0-alpha.0

A component based library for Phoenix LiveView

HexDocs

Current section

Files

Jump to
Readme
46 Versions
3 Dependencies
21 Dependants
Files
Activity
surface priv templates surface.init layouts app.sface
Raw

priv/templates/surface.init/layouts/app.sface 

<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>