half-responsive design

This commit is contained in:
Daniel Yrovas 2025-01-11 14:23:39 +11:00
parent a2afd8737d
commit 0e05c15555
Signed by: danielyrovas
SSH key fingerprint: SHA256:1avlGZQpGW038lBkNI5lOS7f0hIPM7ecJen2/P1MCCU
3 changed files with 11 additions and 5 deletions

View file

@ -1,5 +1,5 @@
<main class="px-4 py-20 sm:px-6 lg:px-8">
<div class="mx-auto max-w-6xl">
<div class="mx-auto max-w-5xl">
<.flash_group flash={@flash} />
{@inner_content}
</div>

View file

@ -12,7 +12,13 @@
</head>
<body class="bg-white">
<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">
<ul class="w-full flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end font-semibold text-sm text-zinc-900">
<li class="">
<.link href={~p"/"} class="hover:text-zinc-600">
Home
</.link>
</li>
<li class="grow"></li>
<%= if @current_user do %>
<li class="">
{@current_user.email}