feat: lazy load avatar
parent
2f1c890623
commit
e7fd9be93d
|
@ -7,5 +7,5 @@ defineProps<{
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<img :src="account.avatar" :alt="account.username" rounded-full bg-gray:10>
|
<img :src="account.avatar" :alt="account.username" loading="lazy" rounded-full bg-gray:10>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -80,7 +80,7 @@ const timeago = useTimeAgo(() => status.createdAt, {
|
||||||
</div>
|
</div>
|
||||||
<div flex gap-4>
|
<div flex gap-4>
|
||||||
<AccountAvatar mt1 w-12 h-12 :account="status.account" />
|
<AccountAvatar mt1 w-12 h-12 :account="status.account" />
|
||||||
<div flex="~ col auto">
|
<div flex="~ col 1">
|
||||||
<div flex>
|
<div flex>
|
||||||
<StatusAccountDetails :account="status.account" />
|
<StatusAccountDetails :account="status.account" />
|
||||||
<div flex-auto />
|
<div flex-auto />
|
||||||
|
|
Loading…
Reference in New Issue