Packages

surface

0.8.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 tailwind root.sface
Raw

priv/templates/surface.init/layouts/tailwind/root.sface 

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="utf-8"/>

    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    {csrf_meta_tag()}

    {live_title_tag assigns[:page_title] || "<%= inspect(app_module) %>", suffix: " · Phoenix Framework"}

    <link phx-track-static rel="stylesheet" href={Routes.static_path(@conn, "/assets/app.css")}/>

    <script defer phx-track-static type="text/javascript" src={Routes.static_path(@conn, "/assets/app.js")}></script>

  </head>

  <body>

    <header class="bg-neutral-900">

      <section class="container mx-auto">

        <nav class="flex items-center justify-between flex-wrap p-6">

          <div class="flex items-center flex-shrink-0 text-white mr-6">

            <a href="/" class="font-semibold text-xl tracking-tight">Surface UI</a>

          </div>

          <div class="w-full block flex-grow md:flex md:items-center md:w-auto">

            <div class="text-sm md:flex-grow">

              {#if Application.spec(:surface_catalogue)}

                <a href="/catalogue" class="block mt-4 md:inline-block md:mt-0 text-teal-200 hover:text-white mr-4">

                  Catalogue

                </a>

              {/if}

              {#if function_exported?(Routes, :live_dashboard_path, 2)}

                {link "Live Dashboard", to: Routes.live_dashboard_path(@conn, :home), class: "block mt-4 md:inline-block md:mt-0 text-teal-200 hover:text-white mr-4"}

              {/if}

            </div>

            <div>

              <a href="https://surface-ui.org" class="inline-block text-sm px-4 py-2 leading-none border rounded text-white border-white hover:border-transparent hover:text-teal-500 hover:bg-white mt-4 lg:mt-0">surface-ui.org</a>

            </div>

          </div>

        </nav>

      </section>

    </header>

    {@inner_content}

  </body>

</html>