dev/wild
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add book route

Browse source
This commit is contained in:
Daniel Yrovas 2025-01-11 13:40:43 +11:00
parent eee6f60141
commit 7bf98f3a05
Signed by: danielyrovas
SSH key fingerprint: SHA256:1avlGZQpGW038lBkNI5lOS7f0hIPM7ecJen2/P1MCCU
5 changed files with 34 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

28
lib/wild_web/components/layouts/app.html.heex
View file

@ -1,31 +1,5 @@
<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">
<div class="mx-auto max-w-6xl">
<.flash_group flash={@flash} />
{@inner_content}
</div>

71
lib/wild_web/components/layouts/root.html.heex
View file

@ -4,55 +4,38 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="csrf-token" content={get_csrf_token()} />
<.live_title default="Call of the Wild" suffix="">
<.live_title default="BookSocial" suffix="">
{assigns[:page_title]}
</.live_title>
<link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
<script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
</script>
<script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"} />
</head>
<body class="bg-white">
<ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
<%= if @current_user do %>
<li class="text-[0.8125rem] leading-6 text-zinc-900">
{@current_user.email}
</li>
<li>
<.link
href={~p"/account/settings"}
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
>
Settings
</.link>
</li>
<li>
<.link
href={~p"/account/log_out"}
method="delete"
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
>
Log out
</.link>
</li>
<% else %>
<li>
<.link
href={~p"/account/register"}
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
>
Register
</.link>
</li>
<li>
<.link
href={~p"/account/log_in"}
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
>
Log in
</.link>
</li>
<% end %>
</ul>
<nav class="py-2">
<ul class="relative flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end font-semibold text-sm text-zinc-900">
<%= if @current_user do %>
<li class="">
{@current_user.email}
</li>
<li>
<.link href={~p"/account/settings"} class="hover:text-zinc-600">
Settings
</.link>
</li>
<% else %>
<li>
<.link href={~p"/account/log_in"} class="hover:text-zinc-600">
Log in
</.link>
</li>
<li>
<.link href={~p"/account/register"} class="hover:text-zinc-600">
Sign up
</.link>
</li>
<% end %>
</ul>
</nav>
{@inner_content}
</body>
</html>