Constrain display of release summary

This commit is contained in:
Claudio Ortolina
2025-05-25 20:10:42 +01:00
parent d94ebe3095
commit cd5253cdbc
2 changed files with 7 additions and 3 deletions
@@ -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}