fix: Optimize rendering a little

This commit is contained in:
Jesse Wierzbinski 2024-04-29 11:21:50 -10:00
parent 55ca97e936
commit ccd2307584
No known key found for this signature in database
3 changed files with 5 additions and 5 deletions

View file

@ -2,7 +2,7 @@
<div v-if="small" class="flex flex-row">
<Skeleton :enabled="!note" shape="rect" class="!h-6 w-6">
<NuxtLink :href="accountUrl">
<img class="h-6 w-6 rounded ring-1 ring-white/5" :src="note?.account.avatar"
<img class="h-6 w-6 rounded ring-1 ring-white/5 shrink-0" :src="note?.account.avatar"
:alt="`${note?.account.acct}'s avatar`" />
</NuxtLink>
</Skeleton>
@ -46,7 +46,7 @@
<span class="text-gray-400 text-sm line-clamp-1 break-all w-full">
<Skeleton :enabled="!note" :min-width="130" :max-width="250" shape="rect">
@{{
note?.account.acct
note?.account.acct
}}
</Skeleton>
</span>

View file

@ -14,7 +14,7 @@
</div>
<SocialElementsNotesHeader :note="note" :small="small" />
<div v-if="!collapsed">
<NuxtLink :href="url" class="mt-6 block relative">
<NuxtLink :href="url" class="mt-6 block relative" aria-label="Link to note">
<Skeleton :enabled="!props.note || !loaded" :min-width="50" :max-width="100" width-unit="%" shape="rect"
type="content">
<div v-if="content"