Move status tooltip badge

This commit is contained in:
Claudio Ortolina
2026-04-02 16:22:57 +01:00
parent 42d0ccf0d0
commit 90538e7890
6 changed files with 20 additions and 17 deletions
@@ -397,11 +397,11 @@ defmodule MusicLibraryWeb.RecordSetLive.Index do
<h2 class="mt-1 text-sm/6 text-zinc-700">
<.artist_links joinphrase_class="text-sm" artists={item.record.artists} />
</h2>
<h3 class="flex items-center gap-1 text-sm/5 font-semibold text-wrap text-zinc-700 dark:text-zinc-300">
<h3 class="text-sm/5 font-semibold text-wrap text-zinc-700 dark:text-zinc-300">
{item.record.title}
<.release_status_tooltip record={item.record} />
</h3>
<p class="pointer-events-none block text-sm font-medium text-zinc-500">
<p class="flex gap-1 items-center pointer-events-none text-sm font-medium text-zinc-500">
<.release_status_tooltip record={item.record} />
{format_label(item.record.format)} · {type_label(item.record.type)}
</p>
<p class="pointer-events-none block text-sm font-medium text-zinc-500">
@@ -94,12 +94,13 @@ defmodule MusicLibraryWeb.RecordSetLive.RecordPicker do
</div>
<div class="min-w-0 flex-auto">
<p class="truncate text-sm font-medium text-zinc-900 dark:text-zinc-100">
{@record.title} <.release_status_tooltip record={@record} />
{@record.title}
</p>
<p class="truncate text-xs text-zinc-500 dark:text-zinc-400">
{Record.artist_names(@record)}
</p>
<p class="mt-1 text-xs/5 text-zinc-500 dark:text-zinc-400">
<p class="flex items-center gap-1 mt-1 text-xs/5 text-zinc-500 dark:text-zinc-400">
<.release_status_tooltip record={@record} />
{Record.format_release_date(@record.release_date)} · {format_label(@record.format)} · {type_label(
@record.type
)}
@@ -131,11 +131,11 @@ defmodule MusicLibraryWeb.RecordSetLive.Show do
<h2 class="mt-1 text-sm/6 text-zinc-700">
<.artist_links joinphrase_class="text-sm" artists={item.record.artists} />
</h2>
<h3 class="flex items-center gap-1 text-sm/5 font-semibold text-wrap text-zinc-700 dark:text-zinc-300">
<h3 class="text-sm/5 font-semibold text-wrap text-zinc-700 dark:text-zinc-300">
{item.record.title}
<.release_status_tooltip record={item.record} />
</h3>
<p class="pointer-events-none block text-sm font-medium text-zinc-500">
<p class="flex gap-1 items-center pointer-events-none text-sm font-medium text-zinc-500">
<.release_status_tooltip record={item.record} />
{format_label(item.record.format)} · {type_label(item.record.type)}
</p>
<p class="pointer-events-none block text-sm font-medium text-zinc-500">