fix: too long username cause scroll horizontally (#274)

zio/stable
Ayaka Rizumu 2022-12-01 22:55:49 +08:00 committed by GitHub
parent 285776d453
commit 62053d00dc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions

View File

@ -9,7 +9,7 @@ const serverName = $computed(() => getServerName(account))
</script> </script>
<template> <template>
<p> <p line-clamp-1 whitespace-pre-wrap break-all text-secondary-light>
<span text-secondary>{{ getShortHandle(account) }}</span> <span text-secondary>{{ getShortHandle(account) }}</span>
<span v-if="serverName" text-secondary-light>@{{ serverName }}</span> <span v-if="serverName" text-secondary-light>@{{ serverName }}</span>
</p> </p>

View File

@ -21,7 +21,7 @@ defineOptions({
</AccountHoverWrapper> </AccountHoverWrapper>
<div flex="~ col" shrink overflow-hidden> <div flex="~ col" shrink overflow-hidden>
<ContentRich font-bold :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" overflow-hidden truncate text-ellipsis /> <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> </div>
</component> </component>
</template> </template>