benbot/ezcontainer_example
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Okay that's about everything

Browse source
This commit is contained in:
benbot 2023-10-25 23:19:22 -04:00
parent 023ad47ae4
commit d094ff036f
19 changed files with 236 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

55
lib/ezcontainer_railway_web/components/layouts/app.html.heex
View file

@ -1,32 +1,27 @@
<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>
<%= live_flash(@flash, :error) %>
<%= live_flash(@flash, :info) %>
<body class="bg-base-300 font-sans leading-normal tracking-normal w-screen h-screen">
<!-- Navbar -->
<div class="bg-primary p-3">
<div class="container mx-auto flex items-center">
<!-- App Logo/Name -->
<div class="flex items-center text-lg font-extrabold text-base-content">
<a href="#" class="hover:underline">
Your App Name
</a>
</div>
<!-- Navigation links -->
<div class="flex ml-auto space-x-4">
<a class="btn btn-ghost btn-sm rounded-btn" href="/containers/create">Create Containers</a>
<a class="btn btn-ghost btn-sm rounded-btn" href="/containers">Show Containers</a>
<a class="btn btn-ghost btn-sm rounded-btn" href="#">Logout</a>
</div>
</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} />
</div>
<!-- Content Body -->
<div class="container mx-auto mt-10">
<%= @inner_content %>
</div>
</main>
</div>
</body>