Uniform scrobble rules layout

This commit is contained in:
Claudio Ortolina
2026-03-16 08:00:17 +00:00
parent 43b054b34a
commit 6d6cf21047
@@ -18,38 +18,30 @@ defmodule MusicLibraryWeb.ScrobbleRulesLive.Index do
def render(assigns) do def render(assigns) do
~H""" ~H"""
<Layouts.app flash={@flash} current_section={@current_section} socket={@socket}> <Layouts.app flash={@flash} current_section={@current_section} socket={@socket}>
<header class="mb-6"> <header class="gap-6 mb-2">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between gap-6 mb-2 mt-2">
<div> <.search_form query={@list_params.query} />
<h1 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100"> <.button_group>
{gettext("Scrobble Rules")} <.button
</h1> variant="solid"
</div> size="sm"
<div> patch={~p"/scrobble-rules/new"}
<.button_group> >
<.button <.icon name="hero-plus" class="icon" aria-hidden="true" data-slot="icon" />
variant="solid" {gettext("Add")}
size="sm" </.button>
patch={~p"/scrobble-rules/new"} <.button
> variant="solid"
<.icon name="hero-plus" class="icon" aria-hidden="true" data-slot="icon" /> size="sm"
{gettext("Add")} phx-click="apply_all_rules"
</.button> >
<.button <.icon name="hero-play" class="icon" />
variant="solid" {gettext("Apply")}
size="sm" </.button>
phx-click="apply_all_rules" </.button_group>
>
<.icon name="hero-play" class="icon" />
{gettext("Apply")}
</.button>
</.button_group>
</div>
</div> </div>
</header> </header>
<.search_form query={@list_params.query} />
<div class="mt-6 space-y-4"> <div class="mt-6 space-y-4">
<ul phx-update="stream" id="scrobble-rules-list" class="space-y-4"> <ul phx-update="stream" id="scrobble-rules-list" class="space-y-4">
<li <li