Fix max width issue for release selector on mobile
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user