ayo/yolk
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add tooltips to add & remove buttons

Browse source
This commit is contained in:
Ayo Ayco 2025-04-25 21:04:55 +02:00
parent c337e1fa4b
commit 2fe56d237d
1 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
pages/[[server]]/list/[list]/index/accounts.vue
View file

@ -127,16 +127,18 @@ function removeAccount(account: mastodon.v1.Account) {
:result="result" :result="result"
:tabindex="focused ? 0 : -1" :tabindex="focused ? 0 : -1"
/> />
<button <CommonTooltip :content="isInCurrentList(result.id) ? $t('list.remove_account') : $t('list.add_account')">
text-sm p2 border-1 transition-colors <button
border-dark text-sm p2 border-1 transition-colors
btn-action-icon border-dark
bg-base btn-action-icon
:hover="isInCurrentList(result.id) ? 'text-red' : 'text-green'" bg-base
@click=" () => isInCurrentList(result.id) ? removeAccount(result.data) : addAccount(result.data) " :hover="isInCurrentList(result.id) ? 'text-red' : 'text-green'"
> @click=" () => isInCurrentList(result.id) ? removeAccount(result.data) : addAccount(result.data) "
<span :class="isInCurrentList(result.id) ? 'i-ri:user-unfollow-line' : 'i-ri:user-add-line'" /> >
</button> <span :class="isInCurrentList(result.id) ? 'i-ri:user-unfollow-line' : 'i-ri:user-add-line'" />
</button>
</CommonTooltip>
</div> </div>
</template> </template>
<span v-else block text-center text-sm text-secondary> <span v-else block text-center text-sm text-secondary>