fix: make buttons consistent (#1583)
parent
5947323538
commit
073ca13d7c
|
@ -37,7 +37,14 @@ async function edit() {
|
||||||
/>
|
/>
|
||||||
<div>
|
<div>
|
||||||
<CommonTooltip :content="isRemoved ? $t('list.add_account') : $t('list.remove_account')" :hover="isRemoved ? 'text-green' : 'text-red'">
|
<CommonTooltip :content="isRemoved ? $t('list.add_account') : $t('list.remove_account')" :hover="isRemoved ? 'text-green' : 'text-red'">
|
||||||
<button :class="isRemoved ? 'i-ri:user-add-line' : 'i-ri:user-unfollow-line'" text-xl @click="edit" />
|
<button
|
||||||
|
text-sm p2 border-1 transition-colors
|
||||||
|
border-dark
|
||||||
|
btn-action-icon
|
||||||
|
@click="edit"
|
||||||
|
>
|
||||||
|
<span :class="isRemoved ? 'i-ri:user-add-line' : 'i-ri:user-unfollow-line'" />
|
||||||
|
</button>
|
||||||
</CommonTooltip>
|
</CommonTooltip>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -39,9 +39,13 @@ async function edit(listId: string) {
|
||||||
:hover="indexOfUserInList(item.id) === -1 ? 'text-green' : 'text-red'"
|
:hover="indexOfUserInList(item.id) === -1 ? 'text-green' : 'text-red'"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
:class="indexOfUserInList(item.id) === -1 ? 'i-ri:user-add-line' : 'i-ri:user-unfollow-line'"
|
text-sm p2 border-1 transition-colors
|
||||||
text-xl @click="() => edit(item.id)"
|
border-dark
|
||||||
/>
|
btn-action-icon
|
||||||
|
@click="() => edit(item.id)"
|
||||||
|
>
|
||||||
|
<span :class="indexOfUserInList(item.id) === -1 ? 'i-ri:user-add-line' : 'i-ri:user-unfollow-line'" />
|
||||||
|
</button>
|
||||||
</CommonTooltip>
|
</CommonTooltip>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in New Issue