Fix max width issue for release selector on mobile

This commit is contained in:
Claudio Ortolina
2026-04-18 10:57:14 +01:00
parent f6bcf3d970
commit fb1b60373d
2 changed files with 3 additions and 3 deletions
@@ -339,8 +339,8 @@ defmodule MusicLibraryWeb.RecordComponents do
def release_summary(assigns) do
~H"""
<div class={[
@class,
"grid w-full auto-cols-min grid-cols-2 items-center space-x-1 text-zinc-700 dark:text-zinc-300"
"grid w-full auto-cols-min grid-cols-2 items-center space-x-1 text-zinc-700 dark:text-zinc-300",
@class
]}>
<div class="space-x-1">
<.format_badge release={@release} />
@@ -395,7 +395,7 @@ defmodule MusicLibraryWeb.Components.RecordForm do
"in-data-highlighted:bg-zinc-100 dark:in-data-highlighted:bg-zinc-600",
"[[data-highlighted]_&]:flx-focus:bg-zinc-100"
]}>
<.release_summary release={@release} class="w-74" />
<.release_summary release={@release} class="max-w-74 sm:max-w-none" />
</div>
"""
end