teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: lazy load avatar

Browse source
This commit is contained in:
三咲智子 2022-11-25 16:07:09 +08:00
parent 2f1c890623
commit e7fd9be93d
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/account/AccountAvatar.vue
View file

@ -7,5 +7,5 @@ defineProps<{
</script>
<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>

2
components/status/StatusCard.vue
View file

@ -80,7 +80,7 @@ const timeago = useTimeAgo(() => status.createdAt, {
</div>
<div flex gap-4>
<AccountAvatar mt1 w-12 h-12 :account="status.account" />
<div flex="~ col auto">
<div flex="~ col 1">
<div flex>
<StatusAccountDetails :account="status.account" />
<div flex-auto />