Constrain display of release summary
This commit is contained in:
@@ -17,7 +17,7 @@ defmodule MusicLibraryWeb.FormComponent do
|
|||||||
@impl true
|
@impl true
|
||||||
def render(assigns) do
|
def render(assigns) do
|
||||||
~H"""
|
~H"""
|
||||||
<div>
|
<div class="w-82 md:w-2xl">
|
||||||
<header>
|
<header>
|
||||||
<h1 class="text-sm font-medium leading-6 text-zinc-700 dark:text-zinc-400">
|
<h1 class="text-sm font-medium leading-6 text-zinc-700 dark:text-zinc-400">
|
||||||
{Record.artist_names(@record)}
|
{Record.artist_names(@record)}
|
||||||
@@ -136,7 +136,7 @@ defmodule MusicLibraryWeb.FormComponent do
|
|||||||
"in-data-highlighted:bg-zinc-100 dark:in-data-highlighted:bg-zinc-600",
|
"in-data-highlighted:bg-zinc-100 dark:in-data-highlighted:bg-zinc-600",
|
||||||
"[[data-highlighted]_&]:flx-focus:bg-zinc-100"
|
"[[data-highlighted]_&]:flx-focus:bg-zinc-100"
|
||||||
]}>
|
]}>
|
||||||
<.release_summary release={@release} />
|
<.release_summary release={@release} class="w-74" />
|
||||||
</div>
|
</div>
|
||||||
"""
|
"""
|
||||||
end
|
end
|
||||||
|
|||||||
@@ -281,10 +281,14 @@ defmodule MusicLibraryWeb.RecordComponents do
|
|||||||
end
|
end
|
||||||
|
|
||||||
attr :release, :map, required: true
|
attr :release, :map, required: true
|
||||||
|
attr :class, :string, required: false, default: nil
|
||||||
|
|
||||||
def release_summary(assigns) do
|
def release_summary(assigns) do
|
||||||
~H"""
|
~H"""
|
||||||
<div class="grid grid-cols-2 space-x-1 text-zinc-700 dark:text-zinc-300">
|
<div class={[
|
||||||
|
@class,
|
||||||
|
"grid grid-cols-2 w-full auto-cols-min space-x-1 text-zinc-700 dark:text-zinc-300"
|
||||||
|
]}>
|
||||||
<div class="space-x-1">
|
<div class="space-x-1">
|
||||||
<span :if={@release.catalog_number} class="font-mono text-xs md:text-sm">
|
<span :if={@release.catalog_number} class="font-mono text-xs md:text-sm">
|
||||||
{@release.catalog_number}
|
{@release.catalog_number}
|
||||||
|
|||||||
Reference in New Issue
Block a user