Nikurasu/elk
1
0
Fork 0
forked from Mirrors/elk
Code Pull requests Releases 2 Packages Activity

feat(account): add tooltip for field icons

Browse source
This commit is contained in:
三咲智子 2023-01-03 19:41:26 +08:00
parent 1d9bd6a9d4
commit fe7bd2d7e3
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/account/AccountHeader.vue
View file

@ -118,7 +118,9 @@ const isSelf = $computed(() => currentUser.value?.account.id === account.id)
</div> </div>
<div v-if="iconFields.length" flex="~ wrap gap-4"> <div v-if="iconFields.length" flex="~ wrap gap-4">
<div v-for="field in iconFields" :key="field.name" flex="~ gap-1" items-center> <div v-for="field in iconFields" :key="field.name" flex="~ gap-1" items-center>
<CommonTooltip :content="getFieldIconTitle(field.name)">
<div text-secondary :class="getAccountFieldIcon(field.name)" :title="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" /> <ContentRich text-sm filter-saturate-0 :content="field.value" :emojis="account.emojis" />
</div> </div>
</div> </div>