postland/lib/postland_web/components/layouts/root.html.heex
2024-09-25 20:45:10 -05:00

55 lines
1.8 KiB
Text

<!DOCTYPE html>
<html lang="en" class="[scrollbar-gutter:stable]">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="csrf-token" content={get_csrf_token()} />
<.live_title suffix=" · Phoenix Framework">
<%= assigns[:page_title] || "Postland" %>
</.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>
</head>
<body class="bg-white antialiased">
<header class="flex w-full bg-purple-950 text-purple-100 py-4">
<div class="flex-1 px-4 uppercase font-bold ">
Postland
</div>
<ul class="relative z-10 flex flex-1 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">
<%= @current_user.username %>
</li>
<li>
<.link
href={~p"/users/settings"}
class="text-[0.8125rem] leading-6 font-semibold hover:text-purple-300"
>
Settings
</.link>
</li>
<li>
<.link
href={~p"/users/log_out"}
method="delete"
class="text-[0.8125rem] leading-6 font-semibold hover:text-purple-300"
>
Log out
</.link>
</li>
<% else %>
<li>
<.link
href={~p"/users/log_in"}
class="text-[0.8125rem] leading-6 font-semibold hover:text-purple-300"
>
Log in
</.link>
</li>
<% end %>
</ul>
</header>
<%= @inner_content %>
</body>
</html>