fix: prevent relay description text overflow on mobile

Use overflow-wrap: anywhere instead of break-words so long URLs
break properly without splitting normal words mid-character.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
codytseng 2026-03-14 13:16:34 +08:00
parent aae8fc2f17
commit 3576a11595

View file

@ -36,7 +36,7 @@ export default function RelaySimpleInfo({
{relayInfo && !IS_COMMUNITY_MODE && <SaveRelayDropdownMenu urls={[relayInfo.url]} />}
</div>
{!!relayInfo?.description && (
<div className="line-clamp-3 whitespace-pre-wrap break-words">
<div className="line-clamp-3 overflow-hidden whitespace-pre-wrap [overflow-wrap:anywhere]">
<ContentPreview event={createFakeEvent({ content: relayInfo.description })} />
</div>
)}