hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: prevent relay description text overflow on mobile

Browse source 
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
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/RelaySimpleInfo/index.tsx
View file

@ -36,7 +36,7 @@ export default function RelaySimpleInfo({
{relayInfo && !IS_COMMUNITY_MODE && <SaveRelayDropdownMenu urls={[relayInfo.url]} />} {relayInfo && !IS_COMMUNITY_MODE && <SaveRelayDropdownMenu urls={[relayInfo.url]} />}
</div> </div>
{!!relayInfo?.description && ( {!!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 })} /> <ContentPreview event={createFakeEvent({ content: relayInfo.description })} />
</div> </div>
)} )}