Make instance text wrap on its own
This commit is contained in:
parent
473dac1fde
commit
10fa537a56
1 changed files with 5 additions and 1 deletions
|
@ -17,6 +17,7 @@ function NameText({
|
||||||
const { acct, avatar, avatarStatic, id, url, displayName, emojis, bot } =
|
const { acct, avatar, avatarStatic, id, url, displayName, emojis, bot } =
|
||||||
account;
|
account;
|
||||||
let { username } = account;
|
let { username } = account;
|
||||||
|
const [_, acct1, acct2] = acct.match(/([^@]+)(@.+)/i) || [, acct];
|
||||||
|
|
||||||
const trimmedUsername = username.toLowerCase().trim();
|
const trimmedUsername = username.toLowerCase().trim();
|
||||||
const trimmedDisplayName = (displayName || '').toLowerCase().trim();
|
const trimmedDisplayName = (displayName || '').toLowerCase().trim();
|
||||||
|
@ -74,7 +75,10 @@ function NameText({
|
||||||
{showAcct && (
|
{showAcct && (
|
||||||
<>
|
<>
|
||||||
<br />
|
<br />
|
||||||
<i>@{acct}</i>
|
<i>
|
||||||
|
@{acct1}
|
||||||
|
<span class="ib">{acct2}</span>
|
||||||
|
</i>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</a>
|
</a>
|
||||||
|
|
Loading…
Add table
Reference in a new issue