fix: prevent horizontal overflow of relay tags
Add flex-wrap to the relay tags container so tags wrap to the next line instead of overflowing horizontally. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
244dda807b
commit
71dc0bb4fc
1 changed files with 1 additions and 1 deletions
|
|
@ -48,7 +48,7 @@ export default function RelayInfo({ url, className }: { url: string; className?:
|
|||
<RelayControls url={relayInfo.url} />
|
||||
</div>
|
||||
{!!relayInfo.tags?.length && (
|
||||
<div className="flex gap-2">
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{relayInfo.tags.map((tag) => (
|
||||
<Badge variant="secondary">{tag}</Badge>
|
||||
))}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue