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> </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>

2
components/status/StatusCard.vue
View file

@ -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 />