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:
parent
aae8fc2f17
commit
3576a11595
1 changed files with 1 additions and 1 deletions
|
|
@ -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>
|
||||
)}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue