fix: too long username cause scroll horizontally (#274)
This commit is contained in:
parent
285776d453
commit
62053d00dc
|
@ -9,7 +9,7 @@ const serverName = $computed(() => getServerName(account))
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<p>
|
||||
<p line-clamp-1 whitespace-pre-wrap break-all text-secondary-light>
|
||||
<span text-secondary>{{ getShortHandle(account) }}</span>
|
||||
<span v-if="serverName" text-secondary-light>@{{ serverName }}</span>
|
||||
</p>
|
||||
|
|
|
@ -21,7 +21,7 @@ defineOptions({
|
|||
</AccountHoverWrapper>
|
||||
<div flex="~ col" shrink overflow-hidden>
|
||||
<ContentRich font-bold :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" overflow-hidden truncate text-ellipsis />
|
||||
<AccountHandle :account="account" text-sm overflow-hidden truncate text-ellipsis text-secondary-light />
|
||||
<AccountHandle :account="account" text-sm text-secondary-light />
|
||||
</div>
|
||||
</component>
|
||||
</template>
|
||||
|
|
Loading…
Reference in a new issue