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

regression #274
zio/stable
Ayaka Rizumu 2022-12-03 13:22:45 +08:00 committed by GitHub
parent 3d395a02ec
commit c197d7dfca
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 1 deletions

View File

@ -9,7 +9,8 @@ const serverName = $computed(() => getServerName(account))
</script> </script>
<template> <template>
<p ws-nowrap text-ellipsis of-hidden text-secondary-light> <p line-clamp-1 whitespace-pre-wrap break-all text-secondary-light>
<!-- fix: #274 only line-clamp-1 can be used here, using text-ellipsis is not valid -->
<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>