feat(account): add tooltip for field icons

elk-zone · Jan 3, 2023 · fe7bd2d · fe7bd2d
1 parent 1d9bd6a
commit fe7bd2d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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>