From fe7bd2d7e39c46afd44a59507d707268e156deef 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: Tue, 3 Jan 2023 19:41:26 +0800
Subject: [PATCH] feat(account): add tooltip for field icons

---
 components/account/AccountHeader.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/account/AccountHeader.vue b/components/account/AccountHeader.vue
index 19c33b06..f048ddc0 100644
--- a/components/account/AccountHeader.vue
+++ b/components/account/AccountHeader.vue
@@ -118,7 +118,9 @@ const isSelf = $computed(() => currentUser.value?.account.id === account.id)
       </div>
       <div v-if="iconFields.length" flex="~ wrap gap-4">
         <div v-for="field in iconFields" :key="field.name" flex="~ gap-1" items-center>
-          <div text-secondary :class="getAccountFieldIcon(field.name)" :title="getFieldIconTitle(field.name)" />
+          <CommonTooltip :content="getFieldIconTitle(field.name)">
+            <div text-secondary :class="getAccountFieldIcon(field.name)" :title="getFieldIconTitle(field.name)" />
+          </CommonTooltip>
           <ContentRich text-sm filter-saturate-0 :content="field.value" :emojis="account.emojis" />
         </div>
       </div>