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
|
def release_summary(assigns) do
|
||||||
~H"""
|
~H"""
|
||||||
<div class={[
|
<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">
|
<div class="space-x-1">
|
||||||
<.format_badge release={@release} />
|
<.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",
|
"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} class="w-74" />
|
<.release_summary release={@release} class="max-w-74 sm:max-w-none" />
|
||||||
</div>
|
</div>
|
||||||
"""
|
"""
|
||||||
end
|
end
|
||||||
|
|||||||
Reference in New Issue
Block a user