In record list, move format, type and purchase date to new line
This commit is contained in:
@@ -43,40 +43,40 @@ defmodule MusicLibraryWeb.RecordComponents do
|
||||
</h2>
|
||||
<p class="mt-1 text-xs leading-5 text-zinc-500 dark:text-zinc-400">
|
||||
{Records.Record.format_release(record.release)}
|
||||
<span class="sm:hidden">
|
||||
· {Records.Record.format_long_label(record.format)} · {Records.Record.type_long_label(
|
||||
record.type
|
||||
)}
|
||||
<span :if={Records.Record.child_release_groups_count(record) > 0}>
|
||||
·
|
||||
<span class="sr-only">
|
||||
{gettext("Number of included records")}
|
||||
</span>
|
||||
<span class={[
|
||||
"inline-flex items-center rounded-full",
|
||||
"px-2 py-1 text-xs font-medium",
|
||||
"ring-1 ring-inset",
|
||||
"bg-gray-50 dark:bg-gray-400/10",
|
||||
"text-gray-600 dark:text-gray-500",
|
||||
"ring-gray-500/10 dark:ring-gray-400/20"
|
||||
]}>
|
||||
{Records.Record.child_release_groups_count(record)}
|
||||
</span>
|
||||
</p>
|
||||
<p class="sm:hidden mt-1 text-xs leading-5 text-zinc-500 dark:text-zinc-400">
|
||||
{Records.Record.format_long_label(record.format)} · {Records.Record.type_long_label(
|
||||
record.type
|
||||
)}
|
||||
<span :if={Records.Record.child_release_groups_count(record) > 0}>
|
||||
·
|
||||
<span class="sr-only">
|
||||
{gettext("Number of included records")}
|
||||
</span>
|
||||
<span :if={record.purchased_at}>
|
||||
·
|
||||
<span class="sr-only">
|
||||
{gettext("Purchased on")}
|
||||
</span>
|
||||
<.icon
|
||||
name="hero-banknotes"
|
||||
class="-mt-1 h-4 w-4"
|
||||
aria-hidden="true"
|
||||
data-slot="icon"
|
||||
/>
|
||||
{Records.Record.format_purchased_at(record.purchased_at)}
|
||||
<span class={[
|
||||
"inline-flex items-center rounded-full",
|
||||
"px-2 py-1 text-xs font-medium",
|
||||
"ring-1 ring-inset",
|
||||
"bg-gray-50 dark:bg-gray-400/10",
|
||||
"text-gray-600 dark:text-gray-500",
|
||||
"ring-gray-500/10 dark:ring-gray-400/20"
|
||||
]}>
|
||||
{Records.Record.child_release_groups_count(record)}
|
||||
</span>
|
||||
</span>
|
||||
<span :if={record.purchased_at}>
|
||||
·
|
||||
<span class="sr-only">
|
||||
{gettext("Purchased on")}
|
||||
</span>
|
||||
<.icon
|
||||
name="hero-banknotes"
|
||||
class="-mt-1 h-4 w-4"
|
||||
aria-hidden="true"
|
||||
data-slot="icon"
|
||||
/>
|
||||
{Records.Record.format_purchased_at(record.purchased_at)}
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -181,7 +181,7 @@ msgstr ""
|
||||
msgid "Purchased at"
|
||||
msgstr ""
|
||||
|
||||
#: lib/music_library_web/components/record_components.ex:69
|
||||
#: lib/music_library_web/components/record_components.ex:70
|
||||
#: lib/music_library_web/components/record_components.ex:108
|
||||
#: lib/music_library_web/live/collection_live/show.html.heex:181
|
||||
#, elixir-autogen, elixir-format
|
||||
@@ -357,7 +357,7 @@ msgstr ""
|
||||
msgid "Wishlisted"
|
||||
msgstr ""
|
||||
|
||||
#: lib/music_library_web/components/record_components.ex:53
|
||||
#: lib/music_library_web/components/record_components.ex:54
|
||||
#: lib/music_library_web/components/record_components.ex:92
|
||||
#, elixir-autogen, elixir-format
|
||||
msgid "Number of included records"
|
||||
|
||||
Reference in New Issue
Block a user