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:
codytseng 2026-02-09 22:02:01 +08:00
parent 244dda807b
commit 71dc0bb4fc

View file

@ -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>
))}