simplify margins in public pages

This commit is contained in:
Inhji 2023-04-03 22:22:02 +02:00
parent 5a2924f704
commit 68c62fcee8
4 changed files with 89 additions and 95 deletions

View file

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

View file

@ -1,6 +1,5 @@
<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
<div class="mx-auto max-w-xl lg:mx-0">
<h1 class="mt-4 text-[2rem] font-semibold font-serif leading-10 tracking-tighter text-theme-primary">
<div class="mx-auto max-w-xl mx-4 lg:mx-0">
<h1 class="mt-16 text-[2rem] font-semibold font-serif leading-10 tracking-tighter text-theme-primary">
<%= @channel.name %>
</h1>
<p class="mt-4 text-base leading-7 text-theme-base">
@ -18,5 +17,4 @@
</a>
<% end %>
</div>
</div>
</div>

View file

@ -1,6 +1,5 @@
<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
<div class="mx-auto max-w-xl lg:mx-0">
<h1 class="mt-4 text-[2rem] font-semibold font-serif leading-10 tracking-tighter text-theme-primary">
<div class="mx-auto max-w-xl mx-4 lg:mx-0">
<h1 class="mt-16 text-3xl font-semibold font-serif leading-10 tracking-tighter text-theme-primary">
<%= @settings.title %>
</h1>
<p class="mt-4 text-base leading-7 text-theme-base">
@ -24,11 +23,11 @@
</div>
</div>
<%= if @channel do %>
<div class="w-full mt-6 sm:w-auto flex flex-col gap-1.5">
<div class="mt-6 sm:w-auto flex flex-col gap-1.5">
<%= for note <- @channel.notes do %>
<a
href={~p"/#{note.slug}"}
class="rounded -mx-2 -my-0.5 px-2 py-0.5 hover:bg-theme-primary/10 transition"
class="rounded-lg -mx-2 -my-0.5 px-2 py-0.5 hover:bg-theme-primary/30 transition"
>
<span class="text-theme-heading text-lg font-semibold leading-8">
<%= note.name %>
@ -38,5 +37,4 @@
<% end %>
</div>
<% end %>
</div>
</div>

View file

@ -1,7 +1,6 @@
<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
<div class="mx-auto max-w-xl lg:mx-0">
<div class="mx-auto max-w-xl mx-4 lg:mx-0">
<header>
<h1 class="text-3xl font-semibold leading-8 text-theme-heading font-serif underline underline-offset-2 decoration-theme-primary">
<h1 class="mt-16 text-3xl font-semibold leading-8 text-theme-heading font-serif underline underline-offset-2 decoration-theme-primary">
<%= @note.name %>
</h1>
<p class="mt-2 text-sm leading-6 text-theme-base font-semibold">
@ -39,5 +38,4 @@
<% end %>
</div>
<% end %>
</div>
</div>