From e7fd9be93df04ef151a0b90c5e2aaea88955be86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Fri, 25 Nov 2022 16:07:09 +0800
Subject: [PATCH] feat: lazy load avatar

---
 components/account/AccountAvatar.vue | 2 +-
 components/status/StatusCard.vue     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/account/AccountAvatar.vue b/components/account/AccountAvatar.vue
index 8caeffe3..0a0e57e2 100644
--- a/components/account/AccountAvatar.vue
+++ b/components/account/AccountAvatar.vue
@@ -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>
diff --git a/components/status/StatusCard.vue b/components/status/StatusCard.vue
index 42044c46..28a95bb9 100644
--- a/components/status/StatusCard.vue
+++ b/components/status/StatusCard.vue
@@ -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 />