Fix ellipsis for identity in NaBar

This commit is contained in:
MickGe 2023-05-16 19:45:28 +00:00
parent b0af8e5293
commit b423caf6c3

View File

@ -75,7 +75,7 @@
}) })
" "
> >
<div class="flex gap-1 items-center"> <div class="flex gap-1 items-center w-full">
<div class="flex-none"> <div class="flex-none">
<figure class="h-8 w-8" v-if="identity.avatar"> <figure class="h-8 w-8" v-if="identity.avatar">
<img <img
@ -91,10 +91,10 @@
</div> </div>
<div <div
class="text-base text-zinc-700 dark:text-zinc-100 flex flex-col flex-auto overflow-hidden items-start" class="text-base text-zinc-700 dark:text-zinc-100 flex flex-col flex-auto overflow-hidden items-start w-full"
> >
<p class="truncate">{{ displayName(identity) }}</p> <p class="truncate w-full">{{ displayName(identity) }}</p>
<p class="truncate text-sm" v-if="identity.name"> <p class="truncate text-sm w-full" v-if="identity.name">
@{{ identity.preferredUsername }} @{{ identity.preferredUsername }}
</p> </p>
</div> </div>