Prevent badges from wrapping

This commit is contained in:
Claudio Ortolina
2025-03-30 14:47:03 +01:00
parent 133b4695cf
commit e16b3eb34e
@@ -655,7 +655,7 @@ defmodule MusicLibraryWeb.CoreComponents do
:green -> :green ->
~H""" ~H"""
<span class={[ <span class={[
"inline-flex items-center rounded-md", "inline-flex items-center rounded-md whitespace-nowrap",
"px-2 py-1 text-xs font-medium", "px-2 py-1 text-xs font-medium",
"ring-1 ring-inset", "ring-1 ring-inset",
"bg-green-50 dark:bg-green-500/10", "bg-green-50 dark:bg-green-500/10",
@@ -669,7 +669,7 @@ defmodule MusicLibraryWeb.CoreComponents do
:yellow -> :yellow ->
~H""" ~H"""
<span class={[ <span class={[
"inline-flex items-center rounded-md", "inline-flex items-center rounded-md whitespace-nowrap",
"px-2 py-1 text-xs font-medium", "px-2 py-1 text-xs font-medium",
"ring-1 ring-inset", "ring-1 ring-inset",
"bg-yellow-50 dark:bg-yellow-400/10", "bg-yellow-50 dark:bg-yellow-400/10",
@@ -683,7 +683,7 @@ defmodule MusicLibraryWeb.CoreComponents do
:gray -> :gray ->
~H""" ~H"""
<span class={[ <span class={[
"inline-flex items-center rounded-md", "inline-flex items-center rounded-md whitespace-nowrap",
"px-2 py-1 text-xs font-medium", "px-2 py-1 text-xs font-medium",
"ring-1 ring-inset", "ring-1 ring-inset",
"bg-zinc-50 dark:bg-zinc-500/10", "bg-zinc-50 dark:bg-zinc-500/10",