CloudToys/elk
1
0
Fork 0
Code

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