2023-07-06 21:28:56 +02:00
|
|
|
<.header class_title="text-theme-primary p-name" class_subtitle="p-summary">
|
2023-07-05 16:42:53 +02:00
|
|
|
<:title><%= @settings.title %></:title>
|
|
|
|
<:subtitle><%= @settings.subtitle %></:subtitle>
|
|
|
|
</.header>
|
2023-03-14 22:57:40 +01:00
|
|
|
|
2023-07-05 16:33:34 +02:00
|
|
|
<section class="text-sm my-8">
|
2023-05-21 22:45:06 +02:00
|
|
|
<ul class="flex flex-wrap gap-3">
|
|
|
|
<li>
|
2023-05-25 21:23:04 +02:00
|
|
|
<a
|
|
|
|
href="#"
|
2023-06-22 21:09:17 +02:00
|
|
|
class="inline-block text-theme-base px-3 py-2.5 border border-theme-background1 hover:bg-theme-background1 rounded transition font-semibold"
|
2023-05-25 21:23:04 +02:00
|
|
|
>
|
2023-05-21 22:45:06 +02:00
|
|
|
<.icon name="hero-megaphone" />
|
|
|
|
</a>
|
|
|
|
</li>
|
2023-05-25 21:23:04 +02:00
|
|
|
<%= for channel <- @channels do %>
|
|
|
|
<li>
|
|
|
|
<a
|
2023-06-02 07:07:22 +02:00
|
|
|
href={~p"/channel/#{channel.slug}"}
|
2023-05-25 21:23:04 +02:00
|
|
|
class="inline-block text-theme-base px-3 py-2.5 border border-theme-background1 hover:bg-theme-background1 rounded transition font-semibold"
|
|
|
|
>
|
|
|
|
<%= channel.name %>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<% end %>
|
2023-05-21 22:45:06 +02:00
|
|
|
</ul>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
<%= if @channel do %>
|
2023-07-06 21:28:56 +02:00
|
|
|
<section class="mt-8">
|
2023-05-25 21:23:04 +02:00
|
|
|
<.note_list notes={@channel.notes} layout={@channel.layout} />
|
|
|
|
</section>
|
2023-05-21 22:45:06 +02:00
|
|
|
<% end %>
|